*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font-family:system-ui,sans-serif}.shell{max-width:760px;margin:auto;padding:24px 18px 90px}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.16em;color:#6d5dfb;font-weight:800}h1{font-size:32px;margin:6px 0 0}h2{margin:0 0 8px}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer;border-radius:10px;padding:10px 13px;background:#e9edf5;color:#172033}.primary{background:#6d5dfb;color:#fff;font-weight:700}.secondary{background:#fff;border:1px solid #dbe1ec}.toolbar,.section-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.toolbar select{margin-left:auto}.toolbar button.active{background:#172033;color:#fff}.empty{background:#fff;border:1px solid #e1e6ef;border-radius:18px;padding:34px 24px;text-align:center}.empty p,.muted{color:#667085}.cards,.list{display:grid;gap:10px}.card,.row{background:#fff;border:1px solid #e1e6ef;border-radius:14px;padding:15px;display:flex;align-items:center;gap:14px}.card{cursor:pointer}.card time{font-weight:800;color:#6d5dfb;min-width:48px}.card small,.row small{display:block;color:#667085;margin-top:4px}.x{margin-left:auto;background:transparent;font-size:22px;color:#98a2b3}.row i{width:12px;height:12px;border-radius:50%}.section-head input{flex:1;min-width:180px;padding:11px;border:1px solid #dbe1ec;border-radius:10px}.file{display:block;margin:12px auto;padding:10px;width:max-content}.file input{display:none}nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e1e6ef;display:flex;justify-content:center;gap:5px;padding:10px}nav button{flex:1;max-width:180px;background:transparent;color:#667085}nav button.active{background:#eef0ff;color:#5143d9;font-weight:700}.back{position:fixed;top:0;right:0;bottom:0;left:0;background:#17203388;display:grid;place-items:end center;padding:12px;z-index:5}.modal{width:min(100%,560px);background:#fff;border-radius:20px;padding:22px;display:grid;gap:14px;max-height:92vh;overflow:auto}.modal label{display:grid;gap:6px;font-size:13px;font-weight:700}.modal input,.modal select,.modal textarea{padding:11px;border:1px solid #dbe1ec;border-radius:9px;background:#fff}.cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:520px){header{align-items:flex-start}.toolbar select{margin-left:0;width:100%}.shell{padding-top:18px}.cols{grid-template-columns:1fr}}.auth-page,.onboarding{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#e9e5ff,#f5f7fb 55%)}.auth-card,.quiz{width:min(100%,700px);background:#fff;border:1px solid #e1e6ef;border-radius:24px;padding:32px;box-shadow:0 18px 50px #17203312}.auth-card{max-width:430px}.auth-card form{display:grid;gap:14px;margin:22px 0}.auth-card label{display:grid;gap:6px;font-weight:700;font-size:13px}.auth-card input{padding:12px;border:1px solid #dbe1ec;border-radius:10px}.wide{width:100%}.link{display:block;margin:12px auto 0;background:transparent;color:#5143d9}.error{color:#b42318;font-size:14px}.profession-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.profession{padding:18px;text-align:left;background:#fff;border:1px solid #dbe1ec;display:grid;gap:4px}.profession span{font-size:30px}.profession small{color:#667085}.profession.selected{border:2px solid #6d5dfb;background:#f3f1ff}.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:16px 0}.privacy{font-size:12px;color:#667085}@media(max-width:520px){.profession-grid{grid-template-columns:1fr}.auth-card,.quiz{padding:24px 18px}}.check{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start;gap:8px;font-weight:400!important}.check input{margin-top:3px}.link-button{display:block;text-align:center;text-decoration:none;margin-top:18px}.danger{background:#fff0f0;border:1px solid #f2b8b5;color:#b42318;font-weight:700}.password-field{display:grid;grid-template-columns:1fr auto;gap:6px}.password-field input{min-width:0}.show-password{padding:8px;background:#eef0ff;color:#5143d9;font-size:12px;white-space:nowrap}.verification-card{display:flex;align-items:flex-start;gap:10px;background:#eef7ff;border:1px solid #b9dcf7;color:#174a6e;border-radius:12px;padding:12px 14px;margin-bottom:18px;font-size:14px}.verification-card>span{font-size:20px;line-height:1.2}.verification-card p{margin:3px 0 8px;color:#41627a}.verification-card button{padding:4px 8px;background:transparent;color:#1d65a6;text-decoration:underline}.verification-card .dismiss{margin-left:auto;font-size:20px;color:#41627a;text-decoration:none;padding:0 4px}.legal-page{min-height:100vh;background:#f5f7fb;padding:24px 18px 60px}.legal-card{width:min(100%,820px);margin:18px auto 0;background:#fff;border:1px solid #e1e6ef;border-radius:18px;padding:32px;box-shadow:0 12px 35px #17203310}.legal-card h1{margin-bottom:4px}.legal-card h2{margin:26px 0 8px;font-size:20px}.legal-card p{line-height:1.65;color:#344054}.legal-card a{color:#5143d9}.legal-note{font-size:13px;color:#667085!important;border-top:1px solid #e1e6ef;padding-top:18px;margin-top:28px}@media(max-width:520px){.legal-card{padding:24px 18px}}.consent-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17203355;display:grid;place-items:end center;padding:18px;z-index:20}.consent-card{position:relative;width:min(100%,620px);background:#fff;border:1px solid #dbe1ec;border-radius:18px;padding:24px;box-shadow:0 16px 45px #17203330}.consent-card h2{margin:6px 28px 8px 0}.consent-card p{line-height:1.5;color:#475467}.consent-close{position:absolute;right:14px;top:12px;background:transparent;font-size:24px;color:#667085;padding:2px 7px}.consent-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}.consent-options{display:grid;gap:10px;margin:16px 0}.consent-options label{display:flex;justify-content:space-between;gap:16px;padding:11px;background:#f8f9fc;border-radius:10px}.consent-options span{display:grid;gap:3px}.consent-options small{color:#667085}.consent-options input{width:18px}.consent-links{font-size:12px;margin-bottom:0}.consent-links a{color:#5143d9}.privacy-fab{position:fixed;right:14px;bottom:14px;z-index:10;background:#fff;border:1px solid #dbe1ec;color:#5143d9;border-radius:999px;padding:8px 12px;font-size:12px;box-shadow:0 4px 14px #17203318}@media(max-width:520px){.consent-backdrop{padding:10px}.consent-card{padding:20px 16px}.consent-actions button{flex:1}}.sponsored-ad{background:#fff;border:1px solid #e1e6ef;border-radius:12px;padding:8px 12px;margin-bottom:18px;min-height:58px}.sponsored-ad>span{display:block;color:#98a2b3;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.profile-panel{display:grid;gap:12px;text-align:left}.profile-panel h2,.profile-panel p{margin:0}.profile-panel label{display:grid;gap:6px;font-weight:700;font-size:13px}.profile-panel input{padding:11px;border:1px solid #dbe1ec;border-radius:9px}.profile-panel button{margin-top:6px}.billing-row{align-items:center;flex-wrap:wrap}.billing-row>div:first-child{flex:1;min-width:150px}.billing-status{font-size:12px;font-weight:800;padding:5px 8px;border-radius:999px}.billing-status.paid{background:#e8f7ee;color:#167348}.billing-status.pending{background:#fff5df;color:#9a6700}.billing-row button{font-size:12px;padding:7px 9px}
