:root{--color-primary:#3f51b5;--color-primary-dark:#303399;--color-accent:#5c6bc0;--color-bg:#f5f6fb;--color-surface:#fff;--color-text:#241b2f;--color-text-muted:#6b647a;--color-error:#c0392b;--radius-lg:20px;--radius-md:14px;--shadow-card:0 12px 30px #241b2f1f;--max-width:480px}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--color-text);-webkit-font-smoothing:antialiased;background:#eeeded;margin:0;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}button{font-family:inherit}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;padding:14px 20px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);color:#fff;box-shadow:0 10px 24px #3f51b559}.btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 14px 28px #3f51b566}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-cta{margin-top:24px;padding:16px 20px;font-size:1.05rem}.loading-screen{text-align:center;min-height:100vh;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.spinner{border:4px solid #3f51b526;border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-state{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.error-card{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:600px;box-shadow:var(--shadow-card);text-align:center;padding:32px 24px}.error-card h1{margin-bottom:12px;font-size:1.4rem}.error-card p{color:var(--color-text-muted);margin-bottom:24px}.promo-page{flex-direction:column;align-items:center;min-height:100vh;padding:0;display:flex}.promo-header{text-align:center;background:#3f51b5;width:100%;padding:12px 16px}.promo-header img{height:52px;display:block}.promo-content{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:32px 16px 48px;display:flex}.promo-hero{width:100%;max-width:var(--max-width);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;margin:0 auto;padding:32px 24px;display:none}.promo-container{flex-direction:column;gap:24px;width:100%;max-width:1000px;margin:0 auto;padding:32px 16px 0;display:flex}.promo-form-section{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card);padding:28px 24px}.promo-form-section h2{color:var(--color-text);margin:0 0 8px;font-size:1.2rem}.section-subtitle{color:var(--color-text-muted);margin:0 0 20px;font-size:.9rem}.promo-instructions-section{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card);padding:28px 24px}.promo-instructions-section h3{color:var(--color-text);margin:0 0 14px;font-size:1rem;font-weight:600}.promo-instructions-section h3:not(:first-child){margin-top:20px}.promo-instructions-section ol,.promo-instructions-section ul{color:var(--color-text-muted);margin:0 0 16px;padding-left:20px;font-size:.9rem;line-height:1.5}.promo-instructions-section li{margin-bottom:8px}.promo-instructions-section ol:last-child,.promo-instructions-section ul:last-child{margin-bottom:0}.promo-badge{color:var(--color-primary);letter-spacing:.05em;background:#3f51b51a;border-radius:999px;margin-bottom:16px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-block}.logo{height:60px;margin-bottom:16px;margin-left:auto;margin-right:auto;display:block}.logo-form{height:50px;margin-bottom:12px;margin-left:auto;margin-right:auto;display:block}.promo-hero h1{margin:0 0 12px;font-size:1.6rem;line-height:1.3}.promo-offer{color:var(--color-primary-dark);margin:0 0 8px;font-size:1.15rem;font-weight:700}.promo-copy{color:var(--color-text-muted);margin:0}.promo-form-card{width:100%;max-width:var(--max-width);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-top:20px;padding:28px 24px}.promo-form-card h2{text-align:center;margin:0 0 20px;font-size:1.2rem}.promo-form{flex-direction:column;gap:18px;display:flex}.form-field{text-align:left;flex-direction:column;gap:6px;display:flex}.form-field label{font-size:.9rem;font-weight:600}.form-field input{border-radius:var(--radius-md);border:1px solid #ddd6ea;outline:none;padding:12px 14px;font-size:1rem;transition:border-color .15s}.form-field input:focus{border-color:var(--color-primary)}.form-field select{border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;border:1px solid #ddd6ea;outline:none;padding:12px 14px;font-size:1rem;transition:border-color .15s}.form-field select:focus{border-color:var(--color-primary)}.form-field fieldset{border:none;margin:0;padding:0}.form-field legend{margin-bottom:12px;padding:0;font-size:.9rem;font-weight:600}.checkbox-group{flex-direction:column;gap:12px;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:10px;font-size:.95rem;font-weight:400;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary)}.field-error{color:var(--color-error);font-size:.8rem}.form-error{color:var(--color-error);text-align:center;margin:0;font-size:.9rem}.awareness-result{flex-direction:column;align-items:center;gap:16px;min-height:100vh;padding:32px 16px 48px;display:flex}.awareness-card{width:100%;max-width:var(--max-width);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px 24px}.awareness-card h1{margin:0 0 12px;font-size:1.4rem}.awareness-card h2{margin:0 0 16px;font-size:1.2rem}.awareness-lead{color:var(--color-primary-dark);font-weight:600}.indicator-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.indicator-list h3{margin:0 0 4px;font-size:1rem}.indicator-list p{color:var(--color-text-muted);margin:0;font-size:.92rem}.toast{border-radius:var(--radius-md);z-index:999;width:auto;max-width:90%;padding:14px 20px;font-weight:500;animation:.3s slideUp;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast-success{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);color:#fff;box-shadow:0 8px 20px #3f51b559}.toast-error{background:var(--color-error);color:#fff;box-shadow:0 8px 20px #c0392b4d}.toast p{margin:0;font-size:.95rem}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width>=768px){:root{--max-width:560px}.promo-hero h1{font-size:1.9rem}.promo-content{padding:32px 16px 48px}.promo-container{flex-direction:row;gap:32px;width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.promo-form-section{flex:1;min-width:0}.promo-form-section h2{font-size:1.3rem}.promo-instructions-section{flex:1;min-width:0}.promo-instructions-section h3{font-size:1.1rem}.promo-instructions-section ol,.promo-instructions-section ul{font-size:.95rem}}@media (width>=1024px){:root{--max-width:620px}.promo-container{max-width:1300px}}