:root{--app-width:390px;--content-width:350px;--bg:#fff;--ink:#17151d;--muted:#9499a6;--line:#edf0f5;--purple:#633cff;--action:#8b84f6;--action-soft:#efedff;--action-ink:#5650c8;--lavender:#cbc6d8;--pink:#f7e2ea;--periwinkle:#e3e6ff;--cream:#fff1cd;--mint:#dff4ed;--sky:#e6f1ff;--peach:#ffe8d8;--soft:#f5f6fa;--backdrop:#f3f4f8;--radius-sm:14px;--radius-md:18px;--radius-lg:22px;--space-page-x:20px;--nav-height:78px;--tap:44px;--app-height:844px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--backdrop);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;min-height:100%;scroll-padding-top:88px}body{background:var(--backdrop);min-height:100svh;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;place-items:center;margin:0;display:grid;overflow:auto}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0;transition:transform .16s,opacity .16s}button:active{transform:scale(.98)}button:focus-visible{outline-offset:2px;outline:3px solid #8f86f747}svg{stroke-width:2px;flex:none;display:block}.app-shell{width:min(var(--app-width), 100vw);height:min(var(--app-height), 100svh);background:var(--bg);isolation:isolate;min-height:0;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e0e3ece6,0 20px 48px #17151d14}.screen{overscroll-behavior:contain;height:100%;min-height:0;padding:22px var(--space-page-x) calc(108px + env(safe-area-inset-bottom,0px));scrollbar-width:none;display:none;overflow-y:auto}.screen::-webkit-scrollbar{display:none}.screen.is-active,.splash.is-active{display:block}.splash{display:none}.splash.is-active{flex-direction:column;display:flex}.splash .logo-large{margin-top:4px}.splash-copy{margin-top:86px;display:grid;position:relative}.splash-copy p,.view-title p,.profile-card p,.country-info-card p,.roadmap-card p{color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:900;line-height:1.35}.splash-copy h1{letter-spacing:0;word-break:keep-all;width:min(318px,100%);margin:0;font-size:30px;font-weight:950;line-height:1.18}.logo-large,.logo-type{color:var(--purple);letter-spacing:-1px;font-size:27px;font-weight:950;line-height:1}.logo-type{margin-bottom:28px}.logo-type span{color:#7b5cff}.splash-visual{contain:layout paint;background:radial-gradient(circle at 86% 18%,#ffd923e6 0 12px,#0000 13px),radial-gradient(circle at 15% 78%,#f7dfe9f2 0 40px,#0000 41px),linear-gradient(135deg,#f1edff 0%,#fff 48%,#e9ebff 100%);border-radius:34px;justify-self:center;width:min(280px,100%);height:176px;margin:46px auto 24px;position:relative;box-shadow:inset 0 0 0 1px #633cff14,0 18px 36px #633cff1f}.splash-visual:before{content:"";background:repeating-linear-gradient(90deg,#633cff61 0 10px,#0000 10px 18px);border-radius:999px;width:82px;height:3px;position:absolute;top:82px;left:104px;transform:rotate(-12deg)}.splash-visual:after{content:"";background:radial-gradient(circle at 34% 40%,#fff 0 5px,#0000 6px),linear-gradient(135deg,#ff8fa8 0 49%,#633cff 51% 100%);border-radius:50%;width:46px;height:46px;position:absolute;top:54px;left:176px;transform:rotate(-14deg);box-shadow:0 12px 20px #633cff29}.passport-card,.topik-card,.korea-badge{place-items:center;font-weight:950;display:grid;position:absolute}.passport-card{background:var(--purple);color:#fff;border-radius:22px;width:82px;height:104px;top:34px;left:28px;box-shadow:0 14px 24px #633cff38}.passport-card:before{content:"";border:2px solid #ffffffc2;border-radius:50%;width:34px;height:34px;position:absolute;top:23px}.topik-card{width:116px;height:72px;color:var(--ink);background:#fff;border-radius:22px;bottom:28px;right:24px;box-shadow:inset 0 0 0 1px #edf0f5f2,0 14px 24px #17151d14}.korea-badge{background:conic-gradient(from 90deg, #ff8fa8 0 50%, #8d96ff 0 100%);border-radius:50%;width:56px;height:56px;top:31px;right:39px;box-shadow:inset 0 0 0 10px #fff,0 12px 22px #633cff21}.splash .primary-action{width:calc(100% - 40px);margin:0;position:absolute;bottom:24px;left:20px;right:20px}.primary-action,.secondary-action,.task-card button,.section-title button{background:var(--action);color:#fff;border-radius:999px;min-height:52px;font-weight:900;box-shadow:0 10px 18px #8f86f72e}.primary-action{width:100%}.sticky-action{width:calc(100% - 40px);position:absolute;bottom:24px;left:20px;right:20px}.top-bar,.home-header,.section-title,.detail-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.top-bar{margin-bottom:26px}.top-bar strong{font-size:17px}.setup-top{grid-template-columns:44px 1fr 44px;display:grid}.setup-top strong{text-align:center}.icon-button,.round-icon{width:var(--tap);height:var(--tap);color:var(--ink);background:#fff;border-radius:50%;place-items:center;display:grid;position:relative}.round-icon i{background:#ff4d4f;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong,b{overflow-wrap:anywhere}h1,h2,h3{word-break:keep-all}h2{letter-spacing:0;font-size:24px;line-height:1.32}h3{letter-spacing:0;font-size:17px;line-height:1.32}.country-grid,.dashboard-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.country-card,.language-card,.profile-card,.country-info-card,.score-card,.date-strip article,.task-card,.study-item,.roadmap-card,.feature-grid article,.analysis-card,.notice-list article,.activity-list article,.source-list article,.learning-summary,.saved-list button,.profile-menu button,.dashboard-grid article,.settings-card,.setup-card,.current-status-card,.inquiry-card,.ai-answer-card{border-radius:var(--radius-md);background:var(--soft);box-shadow:none}.country-card{text-align:left;min-height:96px;padding:15px}.country-card.is-selected{background:var(--action-soft);box-shadow:inset 0 0 0 2px #8f86f72e}.country-card span{margin-bottom:8px;font-size:28px;display:block}.country-card small,.language-card span,.task-card span,.profile-card span,.country-info-card span,.feature-grid p,.study-item p,.notice-list p,.activity-list p,.source-list p,.settings-card span{color:var(--muted);font-size:14px;line-height:1.55}.country-card strong,.country-card small{display:block}.country-card strong{margin-bottom:4px}.language-card{margin-top:20px;padding:18px}.login-hero{gap:16px;margin:40px 0 32px;display:grid}.login-hero p{color:var(--muted);line-height:1.55}.login-options{gap:12px;display:grid}.login-options button{background:var(--soft);min-height:50px;color:var(--ink);border-radius:16px;font-weight:900}.setup-form{gap:14px;margin-top:8px;display:grid}.setup-card{padding:16px}.setup-card p,.inquiry-card p,.ai-answer-card p{color:var(--action-ink);margin:0 0 8px;font-size:12px;font-weight:950}.segmented-row{flex-wrap:wrap;gap:8px;display:flex}.segmented-row button{min-height:38px;color:var(--ink);background:#fff;border-radius:999px;padding:0 12px;font-size:12px;font-weight:900;box-shadow:inset 0 0 0 1px #f0f1f6}.segmented-row .is-selected{background:var(--action-soft);color:var(--action-ink);box-shadow:inset 0 0 0 1px #8f86f747}.setup-card input{width:100%;min-height:48px;color:var(--ink);background:#fff;border:0;border-radius:16px;padding:0 14px;font-weight:950;box-shadow:inset 0 0 0 1px #f0f1f6}.setup-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.setup-actions .primary-action,.setup-actions .skip-action{border-radius:999px;min-height:52px;font-weight:950}.skip-action{color:var(--action-ink);background:#fff;box-shadow:inset 0 0 0 1px #8f86f738}.main-screen{padding-bottom:calc(var(--nav-height) + 24px + env(safe-area-inset-bottom,0px))}.home-header{align-items:flex-start;margin-bottom:20px}.home-header p{color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:800}.view{display:none}.view.is-visible{gap:16px;display:grid}.page-view{width:100%;max-width:var(--content-width);margin-inline:auto;padding-bottom:18px}.my-page{padding-bottom:18px}.score-card{background:var(--lavender);color:#fff;grid-template-columns:1fr 1fr;width:100%;min-height:188px;padding:20px;display:grid;position:relative;overflow:hidden}.score-card:after{content:"";background:#ffffff2e;border-radius:50%;width:128px;height:128px;position:absolute;top:-28px;right:-26px}.score-card p{color:#ffffffd1;font-weight:800}.score-card strong{color:#fff;z-index:1;font-size:40px;line-height:1;position:relative}.progress-ring{color:#fff;background:conic-gradient(#ffd923 0 var(--pass,72%), #ffffff52 var(--pass,72%) 100%);border-radius:50%;place-items:center;width:62px;height:62px;font-weight:950;display:grid;position:absolute;bottom:18px;right:18px}.progress-ring:after{content:"%";font-size:11px}.mascot-illustration{aspect-ratio:74/58;z-index:2;contain:layout paint;background:radial-gradient(circle at 34% 43%,#5b3b25 0 5%,#0000 6%),radial-gradient(circle at 65% 43%,#5b3b25 0 5%,#0000 6%),linear-gradient(135deg,#fff3d7 0 58%,#c68754 59%);border-radius:50%;width:74px;height:58px;position:absolute;top:50px;right:24px;transform:rotate(-10deg)}.dot-page{justify-content:center;gap:11px;margin-top:-4px;display:flex}.dot-page span{background:#c9c4d5;border-radius:50%;width:5px;height:5px}.dot-page .is-active{background:#fff;border:2px solid #f58aaa;width:9px;height:9px;margin-top:-2px}.current-status-card{background:#f6f7fb;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;display:grid}.current-status-card div{background:#fff;border-radius:14px;min-height:64px;padding:10px}.current-status-card span{color:var(--muted);margin-bottom:7px;font-size:11px;font-weight:900;display:block}.current-status-card strong{font-size:13px;line-height:1.25;display:block}.schedule-section{gap:12px;display:grid}.compact-title button{background:var(--action-soft);min-height:38px;color:var(--action-ink);box-shadow:none;justify-content:center;align-items:center;gap:5px;padding:0 12px;display:inline-flex}.compact-title button span{font-size:12px;font-weight:950}.date-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.date-strip article{min-height:110px;padding:15px}.date-strip article:first-child{background:var(--pink)}.date-strip article:last-child{background:var(--periwinkle)}.date-strip strong{margin:6px 0;font-size:30px;line-height:1.05;display:block}.task-card{grid-template-columns:1fr 62px;align-items:center;gap:12px;min-height:128px;padding:16px;display:grid}.task-card button{border-radius:50%;width:62px;height:62px;min-height:62px}.section-title h3{margin:0;font-size:19px}.section-title button{min-height:38px;padding:0 16px}.study-list{gap:12px;width:100%;display:grid}.study-item{text-align:left;width:100%;color:var(--ink);background:#fff;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:15px;display:grid;box-shadow:inset 0 0 0 1px #f0f1f6}.study-item h4{margin:0 0 5px;font-size:15px}.study-item p{margin:0}.study-item span{background:var(--action-soft);min-height:30px;color:var(--action-ink);border-radius:999px;place-items:center;padding:0 11px;font-size:12px;font-weight:950;display:grid}.booster-list{gap:10px;display:grid}.booster-list article{border-radius:var(--radius-md);background:#fff;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:74px;padding:14px;display:grid;box-shadow:inset 0 0 0 1px #f0f1f6}.booster-list article:first-child{background:#fff8e7}.booster-list article:nth-child(2){background:#edf8f4}.booster-list article:nth-child(3){background:#efedff}.booster-list b,.booster-grid b{margin-bottom:5px;font-size:15px;line-height:1.25;display:block}.booster-list p,.booster-grid p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.booster-list span,.booster-grid span{min-height:30px;color:var(--action-ink);white-space:nowrap;background:#fff;border-radius:999px;place-items:center;padding:0 10px;font-size:11px;font-weight:950;display:grid;box-shadow:inset 0 0 0 1px #8f86f726}.booster-grid{grid-template-columns:1fr;gap:10px;display:grid}.booster-grid article{border-radius:var(--radius-md);background:#fff;min-height:100px;padding:15px;box-shadow:inset 0 0 0 1px #f0f1f6}.booster-grid article:first-child{background:#f9e4ed}.booster-grid article:nth-child(2){background:#e5e8ff}.booster-grid article:nth-child(3){background:#f6f7fb}.booster-grid span{width:fit-content;margin-bottom:13px}.feature-grid article>span,.menu-picto{aspect-ratio:1;background:var(--cream);width:46px;height:46px;color:var(--ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.feature-grid article>span svg,.menu-picto svg{width:20px;height:20px}.roadmap-card,.analysis-card,.profile-card,.country-info-card{padding:16px}.roadmap-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.roadmap-flow span,.roadmap-flow b{min-height:42px;color:var(--ink);white-space:nowrap;background:#fff;border-radius:16px;place-items:center;padding:0 6px;font-size:12px;display:grid}.roadmap-flow b,.view-title p{color:var(--action-ink)}.feature-grid article{grid-template-rows:46px auto 1fr auto;align-items:start;min-height:184px;padding:15px;display:grid}.feature-grid article:first-child{background:#f9e4ed}.feature-grid article:nth-child(2){background:#e5e8ff}.feature-grid article:nth-child(3){color:#fff;background:#c8c3d5}.feature-grid article:nth-child(4){background:#f6f7fb}.feature-grid article:first-child>span,.feature-grid article:nth-child(2)>span{background:#fff1d6}.feature-grid article:nth-child(3)>span{color:var(--ink);background:#fff2cf}.feature-grid article:nth-child(4)>span{background:#fff1d6}.feature-grid article:nth-child(3) p{color:#ffffffc7}.feature-grid article:nth-child(3) .secondary-action{color:#fff;background:#8b84f6;box-shadow:0 10px 18px #8b84f62e}.dashboard-grid article:first-child{background:var(--pink)}.dashboard-grid article:nth-child(2){background:var(--periwinkle)}.dashboard-grid article:nth-child(3){background:var(--lavender);color:#fff}.feature-grid .wide{grid-column:1/-1}.secondary-action{align-self:end;width:100%;margin-top:14px}.metric-row{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.filter-row{scrollbar-width:none;gap:8px;width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row button{border:1px solid var(--line);background:#fff;border-radius:999px;flex:none;min-height:42px;padding:0 14px}.filter-row .is-selected{background:var(--action-soft);color:var(--action-ink);border-color:#8f86f747}.match-hero-card{border-radius:var(--radius-lg);background:radial-gradient(circle at 88% 18%,#fff1cdf2 0 38px,#0000 39px),linear-gradient(135deg,#e8f6f0 0%,#f3efff 100%);gap:16px;padding:18px;display:grid;box-shadow:inset 0 0 0 1px #8f86f717}.match-hero-card p{color:var(--action-ink);margin:0 0 8px;font-size:12px;font-weight:950}.match-hero-card h3{margin:0 0 10px;font-size:20px;line-height:1.35}.match-hero-card span{color:var(--muted);font-size:14px;line-height:1.55}.match-hero-card button{min-height:50px;color:var(--action-ink);background:#fff;border-radius:999px;font-weight:950;box-shadow:inset 0 0 0 1px #8f86f72e}.match-filter-row{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.match-filter-row::-webkit-scrollbar{display:none}.match-filter-row button{min-height:40px;color:var(--ink);background:#fff;border-radius:999px;flex:none;padding:0 14px;font-size:12px;font-weight:950;box-shadow:inset 0 0 0 1px #f0f1f6}.match-filter-row .is-selected{background:var(--action-soft);color:var(--action-ink);box-shadow:inset 0 0 0 1px #8f86f738}.partner-list,.topic-list{gap:10px;display:grid}.partner-card,.topic-list article{border-radius:var(--radius-md);background:#fff;box-shadow:inset 0 0 0 1px #f0f1f6}.partner-card{grid-template-columns:50px 1fr auto;align-items:center;gap:12px;min-height:78px;padding:14px;display:grid}.partner-avatar{width:50px;height:50px;color:var(--action-ink);background:linear-gradient(135deg,#fff1cd,#e3e6ff);border-radius:50%;place-items:center;font-size:18px;font-weight:950;display:grid}.partner-card b,.topic-list b{margin-bottom:4px;font-size:15px;display:block}.partner-card p,.topic-list p{color:var(--muted);margin:0 0 3px;font-size:13px;line-height:1.4}.partner-card small{color:#7d8291;font-size:12px;line-height:1.35}.partner-card>span,.topic-list article>span{background:var(--cream);min-height:30px;color:var(--ink);white-space:nowrap;border-radius:999px;place-items:center;padding:0 10px;font-size:11px;font-weight:950;display:grid}.topic-list article{grid-template-columns:1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.match-report{background:#f6f7fb}.profile-card{background:#efeafd;grid-template-columns:60px 1fr auto;align-items:center;gap:14px;display:grid}.profile-photo{width:60px;height:60px;position:relative}.avatar{background:radial-gradient(circle at 50% 35%,#ffe1c2 0 16px,#0000 17px),radial-gradient(circle at 50% 88%,#8f86f7 0 24px,#0000 25px),linear-gradient(135deg,#fff3d7,#e4e5ff);border-radius:50%;place-items:center;width:60px;height:60px;display:grid;box-shadow:inset 0 0 0 3px #fff,0 8px 18px #8f86f729}.avatar:before{content:"";background:#6e5847;border-radius:999px 999px 10px 10px;align-self:start;width:22px;height:10px;margin-top:16px}.photo-add-button{background:var(--action);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:18px;font-weight:950;line-height:1;display:grid;position:absolute;bottom:-3px;right:-3px;box-shadow:0 0 0 3px #efeafd,0 6px 14px #8f86f73d}.profile-icon-button{background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 0 0 1px #f0f1f6}.country-info-card{grid-template-columns:56px 1fr;align-items:center;gap:14px;display:grid}.country-badge{background:var(--cream);border-radius:50%;place-items:center;width:56px;height:56px;font-size:27px;display:grid}.dashboard-grid article{min-height:96px;padding:15px}.dashboard-grid span{color:var(--muted);font-weight:800}.dashboard-grid strong{margin-top:10px;font-size:24px;line-height:1.1;display:block}.saved-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.saved-list button{text-align:left;background:#fff;min-height:54px;padding:0 14px;font-weight:900;box-shadow:inset 0 0 0 1px #f0f1f6}.profile-menu{gap:10px;display:grid}.profile-menu button{text-align:left;background:#fff;grid-template-rows:auto auto;grid-template-columns:42px 1fr;align-items:center;column-gap:12px;min-height:72px;padding:14px;display:grid;box-shadow:inset 0 0 0 1px #f0f1f6}.profile-menu .menu-picto{grid-row:1/3;width:42px;height:42px}.profile-menu small{color:var(--muted)}.logout-dock{color:#e35050;background:#fff;border-radius:18px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;font-weight:950;display:flex;box-shadow:inset 0 0 0 1px #ffe1e1}.detail-view{gap:14px}.detail-top{grid-template-columns:44px 1fr 44px;margin-bottom:4px;display:grid}.detail-top strong{text-align:center;font-size:17px}.detail-top span{color:var(--muted);text-align:right;font-size:12px;font-weight:800}.profile-detail{gap:12px;display:grid}.profile-detail .metric-row{background:var(--soft);border:0;border-radius:14px;padding:13px 14px}.danger-action{color:#e35050;background:#fff0f0;border-radius:14px;min-height:48px;font-weight:900}.settings-card{grid-template-columns:1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.settings-card p{color:var(--action-ink);margin:0 0 6px;font-size:12px;font-weight:950}.settings-card h3{margin-bottom:8px}.switch-control{flex:none;width:58px;height:34px;position:relative}.switch-control input{opacity:0;position:absolute;inset:0}.switch-control span{background:#d9dde7;border-radius:999px;transition:background .16s;position:absolute;inset:0}.switch-control span:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .16s;position:absolute;top:4px;left:4px;box-shadow:0 4px 10px #17151d29}.switch-control input:checked+span{background:var(--action)}.switch-control input:checked+span:after{transform:translate(24px)}.notice-list{gap:12px;display:grid}.notice-list article{padding:16px}.notice-list article:nth-child(2){background:var(--pink)}.notice-list article:nth-child(3){background:var(--periwinkle)}.notice-list p{margin:0}.notice-list small{color:var(--action-ink);font-weight:900}.activity-list{gap:12px;display:grid}.activity-list article{grid-template-columns:1fr auto;align-items:start;gap:12px;padding:16px;display:grid}.activity-list article:nth-child(2){background:var(--pink)}.activity-list article:nth-child(3){background:var(--periwinkle)}.activity-list b{margin-bottom:6px;display:block}.activity-list p{margin:0}.activity-list span{min-height:28px;color:var(--action-ink);white-space:nowrap;background:#fff;border-radius:999px;place-items:center;padding:0 10px;font-size:12px;font-weight:950;display:grid}.learning-summary{background:var(--action-soft);padding:18px}.learning-summary p{color:var(--action-ink);margin:0 0 8px;font-size:12px;font-weight:950}.learning-summary h3{margin:0;line-height:1.45}.learning-list article:first-child{background:var(--cream)}.source-list{gap:10px;display:grid}.source-list article{background:#fff;padding:13px 14px;box-shadow:inset 0 0 0 1px #f0f1f6}.source-list b{color:var(--action-ink);margin-bottom:4px;font-size:13px;display:block}.source-list p{margin:0;font-size:12px}.detail-action{flex:none;width:100%;margin-top:2px}.inquiry-card{background:var(--action-soft);padding:18px}.inquiry-card h3{margin-bottom:8px;line-height:1.42}.inquiry-card span{color:var(--muted);font-size:14px;line-height:1.55}.inquiry-box{gap:10px;display:grid}.inquiry-box textarea{resize:none;width:100%;min-height:118px;color:var(--ink);background:#fff;border:0;border-radius:18px;padding:14px;line-height:1.5;box-shadow:inset 0 0 0 1px #f0f1f6}.inquiry-box button{justify-content:center;align-items:center;gap:8px;display:flex}.ai-answer-card{background:var(--cream);padding:18px}.ai-answer-card h3{margin:0;font-size:16px;line-height:1.45}.alert-page{gap:16px;padding-bottom:0;display:grid}.alert-top{grid-template-columns:44px 1fr;align-items:center;gap:10px;margin-bottom:2px;display:grid}.alert-top strong{letter-spacing:-.2px;font-size:19px}.alert-summary{border-radius:var(--radius-lg);background:var(--periwinkle);min-height:126px;padding:18px}.alert-summary span{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:900;display:block}.alert-summary strong{margin-bottom:10px;font-size:38px;line-height:1;display:block}.alert-summary p{color:#6f7280;margin:0;line-height:1.5}.alert-list-page{gap:12px;display:grid}.alert-list-page article{background:#f4f5f8;border-radius:20px;grid-template-columns:48px 1fr;align-items:start;gap:13px;padding:16px 42px 16px 14px;display:grid;position:relative}.alert-list-page article:nth-child(2){background:var(--pink)}.alert-list-page article:nth-child(3){background:#fff7df}.alert-icon{aspect-ratio:1;width:48px;height:48px;color:var(--action-ink);background:#fff;border-radius:50%;place-items:center;font-weight:950;display:grid}.alert-list-page small{color:var(--action-ink);margin-bottom:4px;font-size:11px;font-weight:950;display:block}.alert-list-page b{margin-bottom:6px;font-size:16px;display:block}.alert-list-page p{color:var(--muted);margin:0;line-height:1.5}.alert-list-page i{background:#ff4d4f;border-radius:50%;width:8px;height:8px;position:absolute;top:18px;right:18px}.bottom-nav{z-index:10;width:100%;height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));padding:7px 20px calc(13px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-top:1px solid #edf0f5d1;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:0;left:0;transform:none;box-shadow:0 -18px 28px #ffffffeb}.bottom-nav button{color:#d4d8e0;background:0 0;place-items:center;gap:3px;font-size:11px;font-weight:900;display:grid}.bottom-nav button span{place-items:center;width:32px;height:32px;display:grid}.bottom-nav button svg{width:18px;height:18px}.bottom-nav .is-selected{color:var(--action-ink)}.toast{left:16px;right:16px;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:20;color:#fff;background:#211d2ef0;border-radius:16px;place-items:center;min-height:46px;padding:12px 16px;font-size:13px;font-weight:800;display:grid;position:absolute}.admin-shell{background:#f6f5fa;grid-template-columns:250px 1fr;min-height:100vh;display:grid}.admin-shell aside{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:10px;padding:28px;display:flex}.admin-shell aside .logo-type{margin-bottom:24px}.admin-shell aside button{min-height:44px;color:var(--ink);background:0 0;border-radius:14px;align-items:center;gap:10px;padding:0 14px;font-weight:800;display:flex}.admin-shell aside button.is-active,.admin-shell aside button:hover{color:var(--purple);background:#eee9ff}.admin-main{padding:40px}.admin-main h1{margin-bottom:24px;font-size:34px}.admin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.admin-grid article,.admin-panel{background:#fff;border-radius:22px;padding:20px}.admin-panel table{border-collapse:collapse;width:100%}.admin-panel td{border-top:1px solid var(--line);padding:16px 10px}.admin-panel td:first-child{color:var(--purple);width:180px;font-weight:900}.eyebrow{color:var(--purple);margin:0 0 8px;font-size:12px;font-weight:900}body:has(.site-shell){background:#fbfbfd;display:block;overflow-x:hidden}.site-shell{color:#17151d;background:#fbfbfd;width:100vw;max-width:100vw;min-height:100vh;padding-top:72px;overflow-x:hidden}.site-nav{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfbfde0;border-bottom:1px solid #dee2ebc2;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:100%;min-height:72px;padding:14px clamp(20px,5vw,72px);display:grid;position:fixed;top:0;left:0;right:0}.site-nav a{color:#17151d;font-weight:900;text-decoration:none}.site-logo{letter-spacing:0;justify-self:start;font-size:24px;line-height:1;color:var(--purple)!important}.site-logo span{color:#7b5cff}.site-nav div{align-items:center;gap:24px;display:flex}.site-nav div a{color:#666b78;font-size:14px}.nav-cta{background:#17151d;border-radius:999px;justify-self:end;place-items:center;min-height:42px;padding:0 18px;display:inline-grid;color:#fff!important}.site-hero{text-align:left;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);place-items:center stretch;gap:clamp(28px,5vw,70px);min-height:calc(100svh - 72px);padding:clamp(28px,4vw,46px) clamp(20px,7vw,96px) clamp(34px,5vw,54px);display:grid;overflow:hidden}.site-hero>*,.site-nav>*,.two-column>*,.launch-section>*{min-width:0}.hero-copy{justify-items:start;max-width:680px;display:grid}.site-eyebrow{color:var(--action-ink);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:950}.site-hero h1{letter-spacing:0;color:var(--purple);margin:0 0 18px;font-size:clamp(54px,8vw,104px);line-height:.9}.hero-lead{color:#4d5261;word-break:keep-all;max-width:640px;margin:0;font-size:clamp(18px,2.1vw,25px);font-weight:750;line-height:1.55}.hero-metrics{flex-wrap:wrap;justify-content:flex-start;gap:14px;margin-top:28px;display:flex}.hero-metrics span{color:#6a6f7e;background:#fff;border-radius:8px;min-width:116px;padding:14px 16px;font-size:13px;font-weight:850;box-shadow:inset 0 0 0 1px #eceef4}.hero-metrics b{color:#17151d;margin-bottom:5px;font-size:30px;line-height:1;display:block}.hero-showcase{background:radial-gradient(circle at 50% 20%,#633cff29 0 130px,#0000 131px),linear-gradient(135deg,#eef8f5 0%,#fbfbfd 48%,#f4edff 100%);border-radius:8px;place-items:center;width:100%;height:clamp(480px,44vw,590px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e5e8f1e6}.hero-showcase:before{content:"";filter:blur(22px);background:#17151d1c;border-radius:50%;height:72px;position:absolute;inset:auto 7% 36px}.hero-phone{background:#17151d;border-radius:30px;margin:0;padding:10px;position:absolute;box-shadow:0 24px 56px #17151d38}.hero-phone img{aspect-ratio:390/844;object-fit:cover;background:#fff;border-radius:22px;width:100%;display:block}.hero-phone-main{z-index:3;width:clamp(225px,23vw,285px)}.hero-phone-secondary,.hero-phone-tertiary{z-index:2;opacity:.94;width:clamp(185px,20vw,245px)}.hero-phone-secondary{transform:translate(clamp(-230px,-19vw,-160px))translateY(26px)rotate(-8deg)}.hero-phone-tertiary{transform:translate(clamp(160px,19vw,230px))translateY(26px)rotate(8deg)}.hero-orbit-card{z-index:4;text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-radius:8px;min-width:170px;padding:14px 16px;position:absolute;box-shadow:0 18px 42px #17151d1f,inset 0 0 0 1px #e8ebf2eb}.hero-orbit-card span{color:var(--action-ink);letter-spacing:.08em;margin-bottom:5px;font-size:11px;font-weight:950;display:block}.hero-orbit-card b{color:#17151d;font-size:15px;line-height:1.25;display:block}.topik-card-preview{top:56px;left:clamp(24px,8vw,96px)}.eps-card-preview{bottom:70px;right:clamp(24px,8vw,96px)}.site-band{color:#fff;background:#17151d}.problem-band{color:#17151d;background:#eef8f5}.problem-band .site-eyebrow{color:#168363}.problem-band .why-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);align-items:center;gap:clamp(28px,5vw,62px);display:grid}.why-copy h2{text-wrap:balance;max-width:760px}.why-copy p:not(.site-eyebrow){color:#4d5261;word-break:keep-all;margin:18px 0 0;font-size:18px;line-height:1.55}.why-card-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.why-card-row article{background:#fff;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:152px;padding:18px;display:flex;box-shadow:0 18px 40px #145f4914,inset 0 0 0 1px #1683631f}.why-card-row svg{color:#168363;background:#e7f5ef;border-radius:14px;width:36px;height:36px;padding:9px}.why-card-row strong{color:#17151d;font-size:18px;line-height:1.2}.why-card-row span{color:#5d6370;word-break:keep-all;font-size:13px;font-weight:850;line-height:1.35}.band-inner,.site-section,.launch-section{width:min(1180px,100% - 40px);margin:0 auto}.band-inner{padding:clamp(48px,7vw,86px) 0}.two-column{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:start;gap:clamp(28px,6vw,72px);display:grid}.site-band h2,.site-section h2,.launch-section h2{letter-spacing:0;word-break:keep-all;margin:0;font-size:clamp(31px,4vw,52px);line-height:1.12}.site-band p:not(.site-eyebrow){color:#ffffffc2;word-break:keep-all;margin:0;font-size:18px;line-height:1.75}.site-section{padding:clamp(54px,8vw,104px) 0}.section-heading{text-align:center;max-width:740px;margin:0 auto 34px}.section-heading>p:not(.site-eyebrow){color:#666b78;word-break:keep-all;margin:16px 0 0;font-size:17px;line-height:1.65}.align-left{text-align:left;margin-inline:0}.story-section{color:#fff;background:#050506;width:100%}.story-section .section-heading h2{color:#fff}.story-section .site-eyebrow{color:#c9c4ff}.social-feed-shell{gap:20px;display:grid}.social-feed-grid{grid-template-columns:repeat(6,minmax(132px,168px));justify-content:center;gap:12px;display:grid}.social-reel-card{background:#17151d;border-radius:8px;min-height:292px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.social-reel-card video,.social-reel-card img{aspect-ratio:9/16;object-fit:cover;background:#111;width:100%;height:100%;display:block}.social-reel-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#000000b8 100%);position:absolute;inset:0}.reel-overlay{z-index:2;color:#fff;gap:8px;display:grid;position:absolute;bottom:44px;left:14px;right:14px}.reel-overlay strong{text-shadow:0 2px 14px #00000073;font-size:14px;line-height:1.28}.reel-overlay span{color:#ffffffd1;font-size:12px;font-weight:900}.reel-profile{z-index:2;color:#ffffffdb;align-items:center;gap:8px;min-width:0;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.reel-profile span{background:linear-gradient(135deg,#fff1cd,#8b84f6);border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 2px #ffffff29}.reel-profile b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.story-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:stretch;gap:16px;display:grid}.back-to-top{z-index:50;color:#fff;background:#17151d;border-radius:50%;place-items:center;width:48px;height:48px;text-decoration:none;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 16px 34px #17151d38}.back-to-top:focus-visible{outline-offset:3px;outline:3px solid #8f86f757}.story-video-card{color:#fff;background:#17151d;border-radius:8px;grid-template-columns:minmax(220px,290px) minmax(0,1fr);align-items:center;gap:24px;padding:18px;display:grid;box-shadow:0 22px 52px #17151d29}.story-video-card video{aspect-ratio:9/16;object-fit:cover;background:#000;border-radius:8px;width:100%;display:block}.story-video-card span{color:#c9c4ff;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:950;display:block}.story-video-card h3{margin:0 0 14px;font-size:clamp(28px,3.3vw,42px);line-height:1.12}.story-video-card p{color:#ffffffbd;word-break:keep-all;margin:0;font-size:17px;line-height:1.7}.social-card-list{gap:12px;display:grid}.social-card-list a{color:#17151d;background:#f6f7fb;border-radius:8px;align-content:center;gap:10px;min-height:116px;padding:22px;text-decoration:none;display:grid;box-shadow:inset 0 0 0 1px #e9ecf2}.social-card-list a:first-child{background:#fff1f6}.social-card-list a:nth-child(2){background:#f4f5f8}.social-card-list a:nth-child(3){background:#eef8f5}.social-card-list span{color:var(--action-ink);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:950}.social-card-list strong{word-break:keep-all;font-size:20px;line-height:1.35}.product-grid,.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.product-grid article,.info-grid article,.launch-panel{background:#fff;border-radius:8px;box-shadow:inset 0 0 0 1px #e9ecf2}.product-grid article{min-height:210px;padding:24px}.product-grid svg{background:var(--cream);width:42px;height:42px;color:var(--purple);border-radius:50%;padding:10px}.product-grid h3,.info-grid h3,.launch-panel h3{margin:22px 0 10px;font-size:21px}.product-grid p,.info-grid p,.launch-section p{color:#666b78;word-break:keep-all;margin:0;font-size:16px;line-height:1.65}.screen-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.screen-gallery figure{background:#17151d;border-radius:30px;margin:0;padding:10px;box-shadow:0 20px 46px #17151d1f}.screen-gallery img{aspect-ratio:390/844;object-fit:cover;background:#fff;border-radius:22px;width:100%;display:block}.info-section{border-top:1px solid #eceef4}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-grid article{align-content:start;gap:10px;min-height:236px;padding:22px;display:grid}.info-grid span{background:var(--action-soft);width:fit-content;min-height:28px;color:var(--action-ink);letter-spacing:.04em;border-radius:999px;place-items:center;padding:0 10px;font-size:11px;font-weight:950;display:inline-grid}.info-grid h3{margin:8px 0 0}.info-grid p{min-height:78px}.info-grid a{color:#fff;background:#17151d;border-radius:999px;align-self:end;place-items:center;width:fit-content;min-height:38px;padding:0 13px;font-size:13px;font-weight:950;text-decoration:none;display:inline-grid}.info-grid article:first-child,.info-grid article:nth-child(4){background:#fff8e7}.info-grid article:nth-child(2),.info-grid article:nth-child(5){background:#eef8f5}.info-grid article:nth-child(3),.info-grid article:nth-child(6){background:#f4f1ff}.country-band{color:#17151d;background:#eef8f5}.country-band .site-eyebrow{color:#168363}.country-band p:not(.site-eyebrow){color:#4d5261}.country-pill-row{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.country-pill-row span{color:#17151d;background:#fff;border-radius:18px;flex-direction:column;justify-content:center;place-items:center;gap:3px;min-height:54px;padding:8px 18px;font-weight:950;display:inline-flex;box-shadow:inset 0 0 0 1px #1683631f}.country-pill-row span.is-live{color:#fff;background:#145f49;box-shadow:0 16px 34px #145f492e}.country-pill-row small{color:#777d8d;letter-spacing:.06em;font-size:.68rem;font-weight:900}.country-pill-row span.is-live small{color:#ffffffc2}.launch-section{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:clamp(28px,6vw,72px);padding:clamp(54px,8vw,104px) 0;display:grid}.launch-section p{margin-top:18px;font-size:18px}.launch-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.launch-panel .launch-card-link{color:#17151d;background:#f6f7fb;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:148px;padding:18px;font-weight:900;text-decoration:none;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #e9ecf2}.launch-panel .launch-card-link svg{color:#5a45ff;background:#fff;border-radius:14px;width:38px;height:38px;padding:9px;box-shadow:inset 0 0 0 1px #5a45ff1a}.launch-panel .launch-card-link span{gap:5px;width:100%;display:grid}.launch-panel .launch-card-link strong{font-size:15px;line-height:1.25}.launch-panel .launch-card-link small{color:#666b78;font-size:12px;font-weight:850;line-height:1.35}.site-footer{color:#fff;background:#17151d;padding:clamp(46px,7vw,72px) clamp(20px,7vw,96px) 26px}.footer-inner{grid-template-columns:minmax(280px,.9fr) minmax(0,1.35fr);gap:clamp(36px,7vw,86px);width:min(1180px,100%);margin:0 auto;display:grid}.footer-brand .site-logo{margin-bottom:20px;display:inline-block;color:#fff!important}.footer-brand .site-logo span{color:#c9c4ff}.footer-brand p{color:#ffffffbd;word-break:keep-all;max-width:420px;margin:0 0 18px;font-size:16px;line-height:1.7}.footer-brand small{color:#c9c4ff;font-size:13px;font-weight:900;display:block}.footer-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.footer-links section{align-content:start;gap:10px;display:grid}.footer-links h3{color:#fff;margin:0 0 8px;font-size:14px}.footer-links a{color:#ffffffad;font-size:14px;line-height:1.45;text-decoration:none}.footer-links a:hover{color:#fff}.footer-bottom{color:#ffffff7a;border-top:1px solid #ffffff21;flex-wrap:wrap;justify-content:space-between;gap:10px;width:min(1180px,100%);margin:46px auto 0;padding-top:18px;font-size:12px;display:flex}@media (width>=760px){body{background:var(--backdrop);padding:0}body:has(.site-shell){background:#fbfbfd}:root{--content-width:350px}.app-shell{width:var(--app-width);height:min(var(--app-height), 100svh);border-radius:0}.screen{height:100%;min-height:0}body:has(.admin-shell){background:#f6f5fa;padding:0;display:block}}@media (width<=760px){.site-nav{grid-template-columns:1fr auto;gap:12px}.site-nav div{display:none}.site-hero{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:auto;padding-top:38px}.hero-copy,.hero-lead{max-width:100%}.hero-copy{justify-items:center}.hero-metrics{justify-content:center}.site-hero h1{font-size:clamp(48px,15vw,62px)}.hero-showcase{height:360px;margin-top:2px}.hero-phone-main{width:178px}.hero-phone-secondary,.hero-phone-tertiary{opacity:.72;width:138px}.hero-phone-secondary{transform:translate(-104px)translateY(38px)rotate(-8deg)}.hero-phone-tertiary{transform:translate(104px)translateY(38px)rotate(8deg)}.hero-orbit-card{min-width:138px;padding:11px 12px}.hero-orbit-card b{font-size:13px}.topik-card-preview{top:20px;left:16px}.eps-card-preview{bottom:22px;right:16px}.two-column,.product-grid,.info-grid,.story-layout,.footer-inner,.footer-links,.why-layout,.launch-section{grid-template-columns:1fr}.why-copy{text-align:center}.why-copy h2{margin-inline:auto}.why-card-row{grid-template-columns:1fr}.why-card-row article{min-height:116px}.social-feed-grid{scrollbar-width:none;padding-bottom:8px;display:flex;overflow-x:auto}.social-feed-grid::-webkit-scrollbar{display:none}.social-reel-card{flex:0 0 170px;min-height:304px}.back-to-top{width:44px;height:44px;bottom:16px;right:16px}.story-video-card{grid-template-columns:1fr}.story-video-card video{justify-self:center;width:min(280px,100%)}.social-card-list a{min-height:104px}.footer-links{gap:28px}.footer-bottom{display:grid}.screen-gallery{scrollbar-width:none;padding-bottom:8px;display:flex;overflow-x:auto}.screen-gallery::-webkit-scrollbar{display:none}.screen-gallery figure{flex:0 0 230px}.section-heading{text-align:left;margin-inline:0}.app-shell{width:min(var(--app-width), 100vw);height:min(var(--app-height), 100svh)}.admin-shell{grid-template-columns:1fr}.admin-shell aside{position:static}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main{padding:24px}}@media (width<=380px){:root{--space-page-x:18px;--content-width:calc(100vw - 36px)}.splash-copy h1{font-size:29px}h2{font-size:23px}.score-card strong{font-size:36px}.country-grid,.dashboard-grid,.feature-grid{gap:10px}.task-card{grid-template-columns:1fr 58px}.task-card button{width:58px;height:58px;min-height:58px}.current-status-card{grid-template-columns:1fr}}