body{color:#1d2433;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f5f0e8;min-width:320px;margin:0;font-family:DM Sans,sans-serif}html{scroll-behavior:smooth}body{color:#1a2433;background:radial-gradient(circle at top,#ffdeb066,#0000 28%),linear-gradient(#f8f4ee 0%,#f3efe8 100%);min-width:320px;margin:0;font-family:DM Sans,sans-serif}*{box-sizing:border-box}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{min-height:100vh}.app-shell{background:0 0;position:relative;overflow:hidden}.app-shell:before{content:"";opacity:.55;pointer-events:none;background-image:radial-gradient(#1c263414 1.1px,#0000 1.1px);background-size:22px 22px;position:absolute;inset:0}.site-header,.hero-section,.section-block,.practice-band,.solution-panel,footer{z-index:1;position:relative}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f4eecc;border-bottom:1px solid #1e283714;justify-content:space-between;align-items:center;max-width:1240px;height:80px;margin:0 auto;padding:0 32px;display:flex;position:sticky;top:0}.brand{color:#182333;letter-spacing:.12em;align-items:center;gap:12px;font-size:15px;font-weight:800;line-height:1;display:inline-flex}.brand small{color:#7f8a96;letter-spacing:.05em;margin-top:6px;font-size:8px;font-weight:600;display:block}.brand-mark{color:#fffaf7;background:linear-gradient(135deg,#ff7d5b,#f05b45);border-radius:11px 11px 11px 4px;place-items:center;width:36px;height:36px;font-family:Georgia,serif;font-size:24px;display:grid;transform:rotate(-4deg);box-shadow:0 12px 22px #f05b4547}.brand-mark span{transform:rotate(4deg)}.main-nav{color:#60707b;align-items:center;gap:30px;margin-left:auto;margin-right:auto;font-size:13px;font-weight:700;display:flex}.main-nav a{padding:29px 0 24px;transition:color .2s;position:relative}.main-nav a:after{content:"";opacity:0;background:linear-gradient(90deg,#f05b45,#f05b4500);height:2px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.main-nav a:hover,.main-nav a.active{color:#1c2737}.main-nav a:hover:after,.main-nav a.active:after{opacity:1}.header-actions{align-items:center;gap:14px;display:flex}.history-button,.outline-button,.text-button{color:#576271;background:0 0;border:0;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.history-button:hover,.text-button:hover{color:#f05b45}.avatar{color:#fff;background:linear-gradient(135deg,#1f2d3f,#3c4d62);border:0;border-radius:50%;width:32px;height:32px;font-size:11px;font-weight:700;box-shadow:0 10px 18px #1f2d3f33}.icon-button{color:#1d2838;background:#fff6;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.mobile-menu{display:none}.hero-section{grid-template-columns:1.08fr .92fr;align-items:center;gap:72px;max-width:1240px;margin:0 auto;padding:80px 60px 110px;display:grid}.hero-copy{max-width:610px}.eyebrow,.section-kicker{color:#ef604a;letter-spacing:.14em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px;font-weight:700}.eyebrow{background:#f05b4514;border:1px solid #f05b451a;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;display:inline-flex}.eyebrow-dot{background:linear-gradient(135deg,#f7cb6a,#f0b44f);border-radius:50%;width:8px;height:8px;display:block}h1,h2,h3,p{margin:0}h1{color:#182435;letter-spacing:-.06em;max-width:620px;font-size:clamp(48px,5vw,78px);font-weight:800;line-height:.96}h1 em,h2 em{color:#f05b45;font-family:Georgia,serif;font-style:italic;font-weight:600}.hero-intro{color:#62707d;max-width:460px;margin-top:24px;font-size:15px;line-height:1.7}.hero-intro strong{color:#283548;font-weight:800}.hero-actions{align-items:center;gap:24px;margin-top:34px;display:flex}.primary-button,.dark-button,.choose-button,.analyze-button{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#1d2938,#2a3d57);border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:15px 20px;font-size:11px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 24px #1d293829}.primary-button:hover,.dark-button:hover,.choose-button:hover,.analyze-button:hover{transform:translateY(-2px);box-shadow:0 16px 28px #1d29382e}.primary-button{background:linear-gradient(135deg,#1c2b3f,#24384f 65%,#ff7e63 160%)}.trust-line{color:#7f8995;letter-spacing:.04em;align-items:center;gap:14px;margin-top:38px;font-size:10px;font-weight:700;display:flex}.avatar-stack{padding-left:6px;display:flex}.avatar-stack i{color:#fff;background:#d88667;border:2px solid #f8f4ee;border-radius:50%;place-items:center;width:22px;height:22px;margin-left:-6px;font-size:8px;font-style:normal;font-weight:700;display:grid}.avatar-stack i:nth-child(2){background:#617d9d}.avatar-stack i:nth-child(3){background:#e9b451}.trust-star{color:#f5c66e;font-size:18px}.hero-visual{place-items:center;min-height:500px;display:grid;position:relative}.visual-grid{opacity:.7;background-image:radial-gradient(#b9bfc9cc 1.2px,#0000 1.2px);background-size:18px 18px;position:absolute;inset:20px 0 10px 30px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.question-paper{z-index:1;background:#fffdf8f0;border:1px solid #222b390f;border-radius:26px;width:290px;min-height:350px;padding:26px 24px 22px;position:relative;transform:rotate(4.5deg);box-shadow:0 30px 60px #262d3a1f}.question-paper:before{content:"";background:linear-gradient(135deg,#f7ce72,#f2b94b);border-radius:10px;width:78px;height:30px;position:absolute;top:-14px;left:24px;transform:rotate(-7deg);box-shadow:0 10px 20px #f2b94b42}.paper-top{color:#a2a8b2;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-family:DM Mono,monospace;font-size:8px;font-weight:700;display:flex}.paper-dots{letter-spacing:2px}.paper-question{color:#263142;margin-top:38px;font-family:Georgia,serif;font-size:20px;line-height:1.38}.paper-question b{font-weight:700}.triangle{clip-path:polygon(0 100%,100% 100%,100% 0);border-bottom:2px solid #f05b45;border-left:2px solid #f05b45;width:88px;height:72px;margin:28px auto 18px;position:relative}.triangle:after{content:"";transform-origin:bottom;background:#f05b45;width:2px;height:100%;position:absolute;top:0;right:-1px;transform:rotate(48deg)}.tri-height,.tri-base,.tri-hyp{color:#f05b45;font-family:DM Mono,monospace;font-size:10px;font-weight:700;position:absolute}.tri-height{top:28px;left:-18px}.tri-base{bottom:-18px;left:38px}.tri-hyp{top:20px;right:6px;transform:rotate(-45deg)}.paper-rule{border-top:1px solid #17243014}.paper-answer{color:#9ca4af;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:16px;font-size:9px;font-weight:700;display:flex}.paper-answer span{color:#f05b45}.doodle{z-index:2;color:#1e2a3a;letter-spacing:-.03em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb8;border:1px solid #2631420f;place-items:center;font-family:DM Mono,monospace;font-weight:700;display:grid;position:absolute;box-shadow:0 18px 28px #18233514}.doodle-left{border-radius:22px;width:130px;padding:16px 12px;font-size:16px;line-height:1.2;top:85px;left:-12px}.doodle-left span{color:#64707d;font-size:12px}.doodle-right{border-radius:18px;width:72px;height:72px;font-size:30px;bottom:42px;right:18px}.ai-badge{z-index:4;background:#ffffffe0;border:1px solid #19243014;border-radius:16px;align-items:center;gap:10px;padding:10px 12px 10px 10px;display:flex;position:absolute;top:38px;right:0;box-shadow:0 18px 28px #18233514}.ai-badge .ai-spark{color:#1d2433;background:linear-gradient(135deg,#ffe6a8,#f7c661);border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;display:grid}.ai-badge b{font-size:12px;display:block}.ai-badge small{color:#72808b;font-size:9px;display:block}.floating-note{z-index:4;color:#39465d;background:#ffffffeb;border:1px solid #19243014;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:34px;left:18px;box-shadow:0 16px 28px #18233514}.marquee-strip{color:#f7f3ee;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(90deg,#1e2a3afa,#1c2431f0);justify-content:center;align-items:center;gap:18px;padding:18px 14px;font-size:11px;font-weight:800;display:flex;overflow:hidden}.marquee-strip i{color:#f4c96a;font-style:normal}.section-block{max-width:1240px;margin:0 auto;padding:100px 60px}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:40px;display:flex}.section-heading h2{color:#182333;letter-spacing:-.06em;margin-top:12px;font-size:clamp(34px,3vw,52px);line-height:1.04}.section-heading>p{color:#667587;max-width:420px;font-size:15px;line-height:1.7}.steps-grid,.identity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.step-card,.outline-button{color:#243041;background:#ffffff6b;border:1px solid #1d29381f;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex}.all-identities-panel{padding:20px 0 0}.all-identities-header{justify-content:space-between;align-items:end;gap:12px;margin-bottom:24px;display:flex}.all-identities-header h3{color:#1d2838;letter-spacing:-.04em;font-size:clamp(22px,2vw,30px)}.identity-card{background:#ffffff85;border:1px solid #20293814;border-radius:22px;padding:24px 22px 20px;position:relative;box-shadow:0 16px 28px #1b24310a}.step-card{min-height:235px;transition:transform .18s,box-shadow .18s}.step-card:hover,.identity-card:hover{transform:translateY(-4px);box-shadow:0 20px 34px #1b243114}.step-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.step-number{color:#f05b45;letter-spacing:.08em;font-family:DM Mono,monospace;font-size:12px;font-weight:700}.step-icon{color:#f05b45;background:linear-gradient(135deg,#fee9d6,#fff3d9);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.step-card h3{color:#1b2737;letter-spacing:-.04em;margin-top:20px;font-size:26px;line-height:1.1}.step-card p{color:#6c7884;margin-top:12px;font-size:14px;line-height:1.66}.step-arrow{color:#f05b45;margin-top:18px}.identity-card{padding-top:20px;overflow:hidden}.identity-icon{color:#1e2b3b;background:#ffffffbf;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.identity-card span{color:#677381;letter-spacing:.08em;text-transform:uppercase;margin-top:18px;font-size:10px;display:block}.identity-card h3{color:#1b2634;letter-spacing:-.05em;margin-top:12px;font-size:clamp(23px,1.7vw,30px);line-height:1.12}.identity-card p{color:#6a7580;margin-top:10px;font-size:13px;line-height:1.6}.identity-card button{color:#1d2433;background:#1823330a;border:0;border-radius:10px;place-items:center;width:36px;height:36px;margin-top:18px;display:grid}.identity-card.coral{background:linear-gradient(#ffe7e3e6,#ffffff80)}.identity-card.blue{background:linear-gradient(#e1efffe6,#ffffff80)}.identity-card.yellow{background:linear-gradient(#fff4d6e6,#ffffff80)}.practice-band{background:linear-gradient(135deg,#1d2a3a 0%,#2b3f59 100%);border-radius:28px;justify-content:space-between;align-items:center;gap:24px;max-width:1240px;margin:0 auto 58px;padding:38px 48px;display:flex;box-shadow:0 28px 60px #1019222e}.practice-band h2{color:#fffaf7;letter-spacing:-.06em;font-size:clamp(30px,3vw,50px);line-height:1.04}.practice-cta{align-items:center;gap:22px;display:flex}.practice-cta p{color:#ffffffb8;max-width:440px;font-size:14px;line-height:1.6}.dark-button{color:#1d2433;background:linear-gradient(135deg,#f7cb71,#f4b350);box-shadow:0 12px 22px #f4b35042}footer{color:#64707d;justify-content:space-between;align-items:center;gap:18px;max-width:1240px;margin:0 auto;padding:28px 60px 48px;font-size:13px;display:flex}.footer-meta{text-align:center;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}footer p{margin:0}.developer-credit{color:#f05b45;letter-spacing:.08em;text-transform:uppercase;background:#f05b4514;border:1px solid #f05b451a;border-radius:999px;align-items:center;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex}.solution-panel{max-width:1120px;margin:0 auto 90px;padding:72px 32px 0}.solution-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.solution-heading h2{color:#1a2433;letter-spacing:-.055em;margin-top:14px;font-size:clamp(36px,4vw,54px);line-height:.98}.close-solution{color:#596673;background:#fff6;border:1px solid #212a361f;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;font-weight:700;display:inline-flex}.solution-meta{background:#21293814;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:35px;display:grid;overflow:hidden}.solution-meta>div{background:#ffffffa8;flex-direction:column;gap:8px;padding:18px 20px;display:flex}.solution-meta span{color:#ef604a;letter-spacing:.11em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:9px}.solution-meta b{color:#2c3643;font-size:13px}.detected-question{background:linear-gradient(135deg,#ffefe8e6,#fff9);border-left:4px solid #f05b45;border-radius:18px;margin-top:26px;padding:22px 24px}.detected-question p{color:#2a3646;margin-top:12px;font-family:Georgia,serif;font-size:23px;line-height:1.35}.detected-question small{color:#7b6360;margin-top:10px;font-size:11px;display:block}.solution-steps{gap:16px;margin-top:26px;display:grid}.solution-step{background:#ffffff80;border:1px solid #20293814;border-radius:20px;grid-template-columns:46px 1fr;gap:18px;padding:24px;display:grid}.step-badge{color:#f05b45;background:#f05b451a;border-radius:10px;place-items:center;width:34px;height:34px;font-family:DM Mono,monospace;font-size:10px;font-weight:700;display:grid}.solution-step h3{color:#283446;margin-top:8px;font-family:Georgia,serif;font-size:25px;line-height:1.2}.solution-step p{color:#687684;margin-top:10px;font-size:13px;line-height:1.7}.used-identity{background:#fff9eeb8;border-left:3px solid #f5c66e;border-radius:10px;gap:5px;margin-top:18px;padding:14px 16px;display:grid}.used-identity strong{color:#243041;text-transform:uppercase;font-size:12px}.used-identity span,.used-identity small{color:#60707d;font-size:11px}.final-answer{background:linear-gradient(135deg,#202a3afa,#243a48f5);border-radius:20px;margin-top:28px;padding:24px;box-shadow:0 24px 40px #141c2624}.final-answer h3{color:#fff;margin-top:12px;font-size:clamp(20px,2.2vw,34px);line-height:1.2}.final-answer p{color:#fffc;margin-top:12px;font-size:13px;line-height:1.7}.upload-overlay{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12192199;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.upload-workspace{background:#fffdf8fa;border-radius:28px;width:min(720px,100%);padding:28px 30px 26px;box-shadow:0 30px 70px #12192133}.upload-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.upload-header h2{color:#1d2838;letter-spacing:-.05em;margin-top:10px;font-size:clamp(28px,3vw,34px)}.close-upload{color:#60707b;background:0 0;border:1px solid #1c27341f;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.drop-zone{text-align:center;background:linear-gradient(#faf7f2e6,#fffc);border:1.5px dashed #8f9aa8b3;border-radius:24px;align-content:center;place-items:center;min-height:320px;padding:24px;transition:border-color .2s,background .2s;display:grid}.drop-zone.is-dragging{background:#ffece6d9;border-color:#f05b45}.upload-icon{color:#f05b45;background:linear-gradient(135deg,#f05b451f,#f7cb7124);border-radius:18px;place-items:center;width:60px;height:60px;margin:0 auto 18px;display:grid}.drop-zone h3{color:#263243;font-size:18px}.drop-zone p{color:#7d8795;margin-top:8px;font-size:12px}.choose-button{margin-top:22px}.upload-hint{color:#a3a8b0;margin-top:16px;font-family:DM Mono,monospace;font-size:9px;display:block}.preview-wrap{width:100%}.preview-wrap img{object-fit:contain;background:#f0efeacc;border-radius:16px;width:100%;max-height:290px}.remove-preview{color:#f05b45;background:0 0;border:0;align-items:center;gap:6px;margin-top:14px;font-size:11px;font-weight:700;display:inline-flex}.upload-error{color:#a34436;background:#ffe9e3e6;border-radius:11px;align-items:center;gap:8px;margin-top:14px;padding:11px 12px;font-size:11px;display:flex}.upload-tips{color:#7d8a95;justify-content:space-between;gap:16px;margin-top:18px;font-size:10px;font-weight:700;display:flex}.upload-tips div{align-items:center;gap:6px;display:flex}.upload-tips svg{color:#55a47d}.analyze-button{background:linear-gradient(135deg,#f05b45,#ea7d4d);width:100%;margin-top:22px;box-shadow:0 14px 24px #f05b4533}.reading-state{text-align:center;align-content:center;place-items:center;min-height:330px;display:grid}.reading-orbit{color:#f05b45;background:radial-gradient(circle,#f05b4538,#f05b450d);border-radius:50%;place-items:center;width:66px;height:66px;margin:0 auto 20px;animation:1.6s ease-in-out infinite pulse;display:grid}.reading-state h3{color:#243041;font-size:22px}.reading-state p{color:#6f7b88;margin-top:10px;font-size:13px}.loading-line{background:#1f293814;border-radius:999px;width:min(230px,100%);height:8px;margin:22px auto 0;position:relative;overflow:hidden}.loading-line span{border-radius:inherit;background:linear-gradient(90deg,#f05b4533,#f05b45,#f7cb71);animation:1.35s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (width<=980px){.hero-section{grid-template-columns:1fr;padding-top:64px}.hero-copy{max-width:none}.hero-visual{min-height:420px}.practice-band{flex-direction:column;align-items:flex-start}}@media (width<=760px){.hero-section{padding:56px 22px 70px}.hero-visual{min-height:380px}.paper-question{font-size:18px}.steps-grid,.identity-grid{grid-template-columns:1fr}.practice-band{margin:0 0 28px;padding:35px 22px}.practice-cta{flex-direction:column;align-items:flex-start}footer{flex-wrap:wrap;padding:20px 22px 40px}footer p{text-align:left}.upload-overlay{padding:12px}.upload-workspace{padding:20px 18px 18px}.upload-header h2{font-size:27px}.drop-zone{min-height:270px;padding:18px 12px}.upload-tips{flex-direction:column;gap:8px}.solution-panel{padding:56px 20px 0}.solution-heading{flex-direction:column;align-items:flex-start}.solution-meta{grid-template-columns:1fr}.solution-step{grid-template-columns:35px 1fr;gap:12px;padding:18px 14px}.solution-step h3,.detected-question p{font-size:20px}.site-header{height:68px;padding:0 20px}.main-nav{z-index:10;background:#f7f5ef;border-bottom:1px solid #e3e0d7;flex-direction:column;gap:0;margin:0;padding:8px 20px 15px;display:none;position:absolute;top:68px;left:0;right:0}.main-nav.is-open{display:flex}.main-nav a{border-bottom:1px solid #e3e0d7;padding:13px 0}.mobile-menu{display:grid}.history-button{display:none}.hero-section{padding:58px 22px 64px;display:block}h1{font-size:clamp(43px,12vw,58px)}.hero-intro{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start;gap:20px}.hero-visual{min-height:390px;margin-top:45px}.question-paper{width:240px;min-height:305px}.paper-question{margin-top:35px;font-size:18px}.doodle-left{left:0}.ai-badge{right:0}.section-block{padding:72px 22px}.section-heading{flex-direction:column;align-items:flex-start}.section-heading>p{margin-top:7px}.steps-grid,.identity-grid{grid-template-columns:1fr;margin-top:31px}.step-card{min-height:181px}.practice-band{flex-direction:column;align-items:flex-start;margin:0 0 28px;padding:45px 22px}.practice-cta{margin-top:25px}footer{flex-wrap:wrap;gap:10px 25px;padding:25px 22px 40px}footer .brand{width:100%}}