:root{--clr-primary: #9c1457;--clr-primary-dark: #7a0f44;--clr-primary-light: #fdf2f8;--clr-primary-glow: rgba(156, 20, 87, .18);--clr-success: #6a9b16;--clr-success-light: #f4fce8;--clr-success-glow: rgba(149, 193, 31, .22);--clr-error: #dc2626;--clr-error-light: #fef2f2;--clr-bg: #faf5f8;--clr-surface: #ffffff;--clr-border: #ecd5e4;--clr-border-focus: #9c1457;--clr-text: #0f172a;--clr-text-muted: #64748b;--clr-placeholder: #94a3b8;--font-base: "Inter", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-card: 0 4px 6px -1px rgba(0,0,0,.07), 0 10px 40px -10px rgba(0,0,0,.12);--shadow-input: 0 1px 2px rgba(0,0,0,.06);--shadow-btn: 0 4px 14px rgba(156, 20, 87, .35);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-base);background-color:var(--clr-bg);color:var(--clr-text);min-height:100vh;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4)}.bg-decoration{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.blob{position:absolute;border-radius:var(--radius-full);filter:blur(80px);opacity:.35;animation:float 14s ease-in-out infinite alternate}.blob-1{width:520px;height:520px;background:radial-gradient(circle,#f9a8d4,#f472b6);top:-160px;left:-160px;animation-duration:14s}.blob-2{width:380px;height:380px;background:radial-gradient(circle,#d9f99d,#bef264);bottom:-100px;right:-80px;animation-duration:18s;animation-delay:2s}.blob-3{width:280px;height:280px;background:radial-gradient(circle,#fbcfe8,#f9a8d4);top:50%;left:55%;animation-duration:22s;animation-delay:4s;opacity:.2}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,20px) scale(1.04)}to{transform:translate(-20px,10px) scale(.97)}}.page-wrapper{position:relative;z-index:1;width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.brand-header{text-align:center}.brand-logo-img{display:block;margin:0 auto;height:56px;width:auto;object-fit:contain}.brand-tagline{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--clr-text-muted);font-weight:400}.form-card{width:100%;background:var(--clr-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-8);border:1px solid var(--clr-border);transition:box-shadow var(--transition-base);overflow:hidden}.form-card:hover{box-shadow:0 8px 10px -2px #00000014,0 20px 60px -14px #00000029}.card-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.card-icon{flex-shrink:0;width:52px;height:52px;background:var(--clr-primary-light);color:var(--clr-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 0 0 6px #2563eb0f}.card-title{font-size:var(--text-xl);font-weight:700;color:var(--clr-text);line-height:1.3}.card-subtitle{font-size:var(--text-sm);color:var(--clr-text-muted);margin-top:var(--space-1)}.divider{height:1px;background:var(--clr-border);margin-bottom:var(--space-6);border-radius:var(--radius-full)}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-5)}.form-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--clr-text);-webkit-user-select:none;user-select:none}.label-icon{color:var(--clr-primary);font-size:.85rem;width:16px;text-align:center}.required{color:var(--clr-error);font-weight:700;font-size:var(--text-base);line-height:1}.form-input,.form-select,.form-textarea{width:100%;font-family:var(--font-base);font-size:var(--text-base);color:var(--clr-text);background:var(--clr-bg);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-input);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);outline:none;-webkit-appearance:none;appearance:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--clr-placeholder);font-weight:400}.form-input:hover,.form-textarea:hover{border-color:#d8a0be;background:#fdf7fb}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--clr-border-focus);background:var(--clr-surface);box-shadow:0 0 0 3.5px var(--clr-primary-glow),var(--shadow-input)}.form-group.has-error .form-input,.form-group.has-error .form-select,.form-group.has-error .form-textarea{border-color:var(--clr-error);background:var(--clr-error-light)}.form-group.has-error .form-input:focus,.form-group.has-error .form-select:focus,.form-group.has-error .form-textarea:focus{box-shadow:0 0 0 3.5px #dc26262e,var(--shadow-input)}.form-group.is-valid .form-input,.form-group.is-valid .form-select,.form-group.is-valid .form-textarea{border-color:var(--clr-success)}.select-wrapper{position:relative}.form-select{padding-right:var(--space-10);cursor:pointer}.form-select option{background:var(--clr-surface);color:var(--clr-text);font-family:var(--font-base)}.select-arrow{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);color:var(--clr-text-muted);font-size:var(--text-sm);pointer-events:none;transition:transform var(--transition-fast)}.select-wrapper:focus-within .select-arrow{transform:translateY(-50%) rotate(180deg);color:var(--clr-primary)}.form-textarea{resize:vertical;min-height:180px;line-height:1.6}.char-count{align-self:flex-end;font-size:var(--text-xs);color:var(--clr-placeholder);font-variant-numeric:tabular-nums;transition:color var(--transition-fast)}.char-count.warn{color:#f59e0b;font-weight:600}.char-count.limit{color:var(--clr-error);font-weight:600}.field-error{font-size:var(--text-xs);color:var(--clr-error);font-weight:500;min-height:16px;display:flex;align-items:center;gap:var(--space-1);opacity:0;transform:translateY(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.form-group.has-error .field-error{opacity:1;transform:translateY(0)}.submit-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--clr-error-light);border:1.5px solid var(--clr-error);border-radius:var(--radius-md);color:var(--clr-error);font-size:var(--text-sm);font-weight:500}.form-actions{margin-top:var(--space-6)}.btn-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);font-family:var(--font-base);font-size:var(--text-base);font-weight:600;color:#fff;background:linear-gradient(135deg,var(--clr-primary) 0%,var(--clr-primary-dark) 100%);border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-btn);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast);position:relative;overflow:hidden;letter-spacing:.01em}.btn-submit:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);transform:translate(-100%);transition:transform .55s ease}.btn-submit:hover:after{transform:translate(100%)}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 22px #9c145773}.btn-submit:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-btn)}.btn-submit:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.btn-loading,.btn-submit.is-loading .btn-text{display:none}.btn-submit.is-loading .btn-loading{display:flex;align-items:center;gap:var(--space-2)}.success-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4);gap:var(--space-4);animation:fadeInUp var(--transition-slow) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-icon-wrap{width:80px;height:80px;background:var(--clr-success-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px var(--clr-success-glow);animation:popIn .5s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-icon{font-size:2.5rem;color:var(--clr-success)}.success-title{font-size:var(--text-2xl);font-weight:700;color:var(--clr-text);line-height:1.3}.success-desc{font-size:var(--text-base);color:var(--clr-text-muted);line-height:1.7;max-width:380px}.btn-new-feedback{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-base);font-size:var(--text-sm);font-weight:600;color:var(--clr-primary);background:var(--clr-primary-light);border:1.5px solid #f0abcf;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-new-feedback:hover{background:#fce7f3;border-color:#f9a8d4;transform:translateY(-1px);box-shadow:0 4px 12px #9c145726}.btn-new-feedback:active{transform:scale(.97)}.page-footer{font-size:var(--text-xs);color:var(--clr-text-muted);text-align:center;padding-bottom:var(--space-2)}@media(max-width:640px){#root{align-items:flex-start;padding:var(--space-5) var(--space-3)}.page-wrapper{gap:var(--space-4);max-width:100%}.brand-logo-img{height:44px}.form-card{padding:var(--space-6) var(--space-5)}.card-icon{width:44px;height:44px;font-size:1.2rem}.card-title{font-size:var(--text-lg)}.card-subtitle{font-size:var(--text-xs)}.success-title{font-size:var(--text-xl)}.blob-1{width:280px;height:280px;top:-80px;left:-80px}.blob-2{width:200px;height:200px;bottom:-60px;right:-60px}.blob-3{display:none}}@media(max-width:420px){#root{padding:var(--space-4) var(--space-3)}.brand-logo-img{height:36px}.form-card{padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg)}.card-header{gap:var(--space-3)}.card-icon{width:40px;height:40px;font-size:1.1rem}.card-title{font-size:var(--text-base)}.form-input,.form-select,.form-textarea{font-size:var(--text-sm);padding:var(--space-3)}.btn-submit{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.form-actions{margin-top:var(--space-4)}}:focus-visible{outline:2px solid var(--clr-primary);outline-offset:3px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--clr-bg)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8}