@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap";:root{--color-primary: #5d4e6d;--color-secondary: #e8a87c;--color-accent: #c38d9e;--color-background: #fef9f3;--color-surface: #ffffff;--color-text: #4a4a4a;--color-text-light: #8b8b8b;--color-border: #f0e6dc;--color-error: #e27d60;--color-success: #85dcba;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius: 16px;--border-radius-sm: 12px;--border-radius-lg: 24px;--max-width: 540px;--transition-bounce: cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Nunito,sans-serif;background:var(--color-background);color:var(--color-text);line-height:1.6;min-height:100vh}.container{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-xl)}.card{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:0 8px 30px #5d4e6d14;margin-bottom:var(--spacing-lg)}h1,h2,h3{color:var(--color-primary);margin-bottom:var(--spacing-md);font-weight:700}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-bottom:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-lg)}label{display:block;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:.9rem}input[type=text],input[type=email],input[type=password],textarea,select{width:100%;padding:var(--spacing-md) 1.25rem;border:2px solid var(--color-border);border-radius:var(--border-radius);font-size:1rem;font-family:inherit;background:var(--color-background);color:var(--color-text);transition:all .25s var(--transition-smooth)}input::placeholder,textarea::placeholder{color:var(--color-text-light)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-secondary);background:var(--color-surface);box-shadow:0 4px 20px #e8a87c33}textarea{min-height:100px;resize:vertical}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.radio-group.inline{flex-direction:row;flex-wrap:wrap}.radio-option,.checkbox-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 1.25rem;background:var(--color-background);border:2px solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:all .25s var(--transition-bounce)}.radio-option:hover,.checkbox-option:hover{transform:translate(4px);border-color:var(--color-border)}.radio-option input,.checkbox-option input{display:none}.radio-option:before{content:"";width:24px;height:24px;border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;background:var(--color-surface);transition:all .25s var(--transition-smooth);display:flex;align-items:center;justify-content:center}.radio-option:has(input:checked):before{border-color:var(--color-secondary);background:var(--color-secondary);box-shadow:inset 0 0 0 4px var(--color-surface);transform:scale(1.1)}.radio-option:has(input:checked){background:#e8a87c26;border-color:var(--color-secondary)}.radio-option:has(input:checked) span{color:var(--color-primary);font-weight:600}.radio-group.inline .radio-option{flex:1;min-width:100px;justify-content:center;text-align:center}.radio-group.inline .radio-option:hover{transform:translateY(-2px)}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;font-family:inherit;border:none;border-radius:var(--border-radius);cursor:pointer;text-decoration:none;text-align:center;transition:all .25s var(--transition-bounce)}button:not(.btn-secondary):not(.btn-small):not(.remove-btn),.btn:not(.btn-secondary){background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 100%);color:#fff;box-shadow:0 6px 20px #e8a87c59}button:not(.btn-secondary):not(.btn-small):not(.remove-btn):hover,.btn:not(.btn-secondary):hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #e8a87c73}button:not(.btn-secondary):not(.btn-small):not(.remove-btn):active,.btn:not(.btn-secondary):active{transform:translateY(-1px)}button:disabled{background:var(--color-border);cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border);box-shadow:none}.btn-secondary:hover{border-color:var(--color-secondary);transform:translateY(-2px)}.btn-small{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;border-radius:var(--border-radius-sm)}.error-message{background:linear-gradient(135deg,#e27d6026,#e27d601a);color:var(--color-error);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);display:flex;align-items:flex-start;gap:.75rem;font-weight:500}.error-message:before{content:"⚠️";font-size:1.1rem}.success-message{background:linear-gradient(135deg,#85dcba33,#85dcba1a);color:#2d8a5f;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);display:flex;align-items:flex-start;gap:.75rem;font-weight:500}.success-message:before{content:"✨";font-size:1.1rem}.info-box{background:linear-gradient(135deg,#85dcba33,#85dcba1a);padding:1.25rem;border-radius:var(--border-radius);margin-top:var(--spacing-md);font-size:.9rem;color:var(--color-text);display:flex;gap:.75rem;align-items:flex-start}.info-box:before{content:"💡";font-size:1.25rem;flex-shrink:0}.text-center{text-align:center}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}table{width:100%;border-collapse:collapse;font-size:.875rem}th,td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:2px solid var(--color-border)}th{background:var(--color-background);font-weight:600;color:var(--color-primary);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0}tr:hover td{background:#e8a87c0d}
