@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@700;900&display=swap";
:root{--ink:#13233f;--muted:#667085;--paper:#f4f7fb;--white:#fff;--red:#c94c4c;--blue:#2656a8;--line:#dbe2ec;--pale:#e9eff8;--green:#28705a}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);background-image:linear-gradient(#13233f06 1px,#0000 1px),linear-gradient(90deg,#13233f06 1px,#0000 1px);background-size:24px 24px;margin:0;font-family:Noto Sans SC,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.brand{letter-spacing:-.4px;align-items:center;gap:11px;font-weight:800;display:flex}.brand-mark{border:2px solid var(--ink);place-items:center;width:38px;height:38px;font-family:DM Mono;font-size:13px;display:grid;position:relative}.brand-mark:after{content:"";background:var(--red);border:3px solid var(--paper);width:12px;height:12px;position:absolute;bottom:-5px;right:-5px}.brand small{letter-spacing:1.2px;color:var(--muted);margin-top:2px;font-size:9px;font-weight:500;display:block}.home-shell{max-width:1240px;margin:auto;padding:0 34px}.home-shell nav,.test-shell header,.question-shell header,.result-shell header,.interview-shell header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;display:flex}.nav-note,.secure{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw;min-height:630px;padding:70px 4vw 80px;display:grid}.kicker{letter-spacing:1.7px;color:var(--blue);text-transform:uppercase;font-family:DM Mono;font-size:11px;font-weight:500}.hero h1{letter-spacing:-3px;margin:18px 0 25px;font-family:Noto Serif SC;font-size:clamp(42px,5.3vw,72px);line-height:1.16}.hero h1 em{color:var(--red);font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--red);height:3px;position:absolute;bottom:-8px;left:2px;right:0;transform:rotate(-1deg)}.hero-intro{color:#4f5e74;max-width:590px;font-size:16px;line-height:1.85}.hero-actions{align-items:center;gap:20px;margin-top:34px;display:flex}.hero-actions>span{color:var(--muted);font-size:12px}.primary-btn{background:var(--ink);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:0 22px;transition:all .2s;display:inline-flex;box-shadow:4px 4px #8ea4c5}.primary-btn:hover{background:var(--blue);transform:translate(-1px,-1px);box-shadow:6px 6px #a6b5cd}.primary-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.trust-row{color:var(--muted);gap:24px;margin-top:28px;font-size:12px;display:flex}.trust-row span{align-items:center;gap:7px;display:flex}.trust-row svg{width:15px;color:var(--green)}.passport-card{background:var(--white);border:1px solid #c8d2e0;padding:28px;position:relative;transform:rotate(1.4deg);box-shadow:14px 18px #d8e1ee}.passport-card:before{content:"";border:1px solid var(--line);pointer-events:none;position:absolute;inset:7px}.stamp{border:3px double var(--red);text-align:center;width:92px;height:92px;color:var(--red);background:#f4f7fbdb;border-radius:50%;place-content:center;font:11px/1.1 DM Mono;display:grid;position:absolute;top:-35px;right:25px;transform:rotate(10deg)}.stamp b{font-size:16px}.card-head{border-bottom:1px solid var(--ink);letter-spacing:1px;justify-content:space-between;padding-bottom:13px;font:11px DM Mono;display:flex}.radar-wrap{place-items:center;height:330px;display:grid;position:relative}.radar{clip-path:polygon(50% 0,98% 35%,80% 92%,20% 92%,2% 35%);background:repeating-radial-gradient(circle,#0000 0 25px,#2656a82e 26px 27px);width:230px;height:230px;position:relative}.radar:before,.radar:after{content:"";background:linear-gradient(90deg,#0000 49.6%,#2656a833 50%,#0000 50.4%);position:absolute;inset:0}.radar:after{transform:rotate(72deg)}.radar-fill{clip-path:polygon(52% 2%,97% 42%,74% 93%,20% 85%,5% 32%);border:2px solid var(--blue);background:#2656a84d;position:absolute;inset:37px 26px 30px 35px}.radar-label{font-size:11px;font-weight:600;position:absolute}.l1{top:24px}.l2{top:115px;right:18px}.l3{bottom:18px;right:55px}.l4{bottom:18px;left:55px}.l5{top:115px;left:18px}.card-foot{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding-top:18px;display:grid}.card-foot div{border-left:2px solid var(--ink);padding-left:15px}.card-foot small,.card-foot b{display:block}.card-foot small{color:var(--muted);margin-bottom:6px;font-size:9px}.card-foot b{font:500 14px DM Mono}.logic{border-top:1px solid var(--line);grid-template-columns:.7fr 1.3fr;gap:7vw;padding:80px 4vw;display:grid}.logic h2{font-family:Noto Serif SC;font-size:34px;line-height:1.35}.logic-list article{border-bottom:1px solid var(--line);grid-template-columns:55px 180px 1fr;align-items:baseline;padding:22px 0;display:grid}.logic-list b{color:var(--red);font:12px DM Mono}.logic-list h3{font-size:15px}.logic-list p{color:var(--muted);font-size:13px;line-height:1.7}.home-shell footer{border-top:1px solid var(--line);padding:30px 0;font-weight:700}.home-shell footer span{float:right;color:var(--muted);font-size:11px;font-weight:400}.test-shell,.question-shell,.interview-shell{max-width:880px;min-height:100vh;margin:auto;padding:0 28px}.intro-panel{border:1px solid var(--line);background:#fff;max-width:640px;margin:70px auto;padding:52px;position:relative;box-shadow:10px 12px #dce4ef}.file-tab{background:var(--ink);color:#fff;letter-spacing:1px;height:29px;padding:8px 16px;font:10px DM Mono;position:absolute;top:-29px;left:-1px}.intro-panel h1{margin:13px 0;font-family:Noto Serif SC;font-size:38px}.lead{color:var(--muted);line-height:1.8}.brief-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;margin:30px 0;display:grid}.brief-grid>div{background:#fff;grid-template-columns:32px 1fr;padding:20px;display:grid}.brief-grid svg{color:var(--blue);grid-row:span 2}.brief-grid b{font-size:14px}.brief-grid span{color:var(--muted);font-size:11px}.notice{background:var(--pale);border-left:3px solid var(--blue);margin-bottom:24px;padding:18px 20px}.notice b{font-size:12px}.notice p{color:var(--muted);margin:5px 0 0;font-size:11px}.full{width:100%}.dimension-progress{grid-template-columns:repeat(5,1fr);margin:30px 0 55px;display:grid;position:relative}.dimension-progress:before{content:"";background:var(--line);height:1px;position:absolute;top:14px;left:10%;right:10%}.dimension-step{z-index:1;justify-items:center;gap:7px;display:grid}.dimension-step span{background:var(--paper);border:1px solid var(--line);border-radius:50%;place-items:center;width:29px;height:29px;font:10px DM Mono;display:grid}.dimension-step small{color:var(--muted);font-size:10px}.dimension-step.active span{background:var(--ink);color:#fff;border-color:var(--ink)}.dimension-step.active small{color:var(--ink);font-weight:700}.dimension-step.done span{background:var(--blue);color:#fff}.question-card{max-width:640px;margin:auto;padding-bottom:70px}.back{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:12px;display:flex}.back svg{width:16px}.question-card h1{margin:14px 0 12px;font-family:Noto Serif SC;font-size:36px}.question-note{color:var(--muted);font-size:13px;line-height:1.7}.options{gap:10px;margin:30px 0;display:grid}.options button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;grid-template-columns:38px 1fr 24px;align-items:center;min-height:60px;padding:8px 17px;transition:all .15s;display:grid}.options button:hover{border-color:#8ba2c4}.options button.selected{border:2px solid var(--blue);background:#f1f5fb;padding:7px 16px}.option-letter{color:var(--muted);font:12px DM Mono}.options b{font-size:14px}.radio-dot{border:1px solid #acb8c9;border-radius:50%;width:17px;height:17px}.selected .radio-dot{border:5px solid var(--blue)}.next{float:right;min-width:150px}.counter,.report-id,.interview-shell header>span{letter-spacing:1px;color:var(--muted);font:10px DM Mono}.result-shell{max-width:1040px;margin:auto;padding:0 34px}.score-hero{border-bottom:1px solid var(--line);grid-template-columns:240px 1fr;align-items:center;gap:60px;padding:65px 5vw;display:grid}.score-ring{background:conic-gradient(var(--blue) var(--score),#dfe6f0 0);border-radius:50%;place-items:center;width:190px;height:190px;display:grid;position:relative}.score-ring:after{content:"";background:var(--paper);border-radius:50%;position:absolute;inset:12px}.score-ring>div{z-index:1}.score-ring b{letter-spacing:-5px;font:500 62px DM Mono}.score-ring span{color:var(--muted);font:12px DM Mono}.score-hero h1{margin:10px 0;font:900 36px Noto Serif SC}.score-hero p:not(.kicker){color:var(--muted);margin-bottom:25px;font-size:13px}.report-grid{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.dimensions,.findings{padding:45px}.dimensions{border-right:1px solid var(--line)}.section-head{border-bottom:2px solid var(--ink);justify-content:space-between;margin-bottom:22px;padding-bottom:12px;display:flex}.section-head span{font-weight:800}.section-head small{color:var(--muted);font:9px DM Mono}.dimension{margin:22px 0}.dimension>div:first-child{justify-content:space-between;font-size:12px;display:flex}.dimension span{color:var(--muted);font:11px DM Mono}.bar{background:#dfe5ed;height:6px;margin-top:9px}.bar i{background:var(--blue);height:100%;display:block}.findings article{background:#fff;border-left:3px solid;gap:14px;margin-bottom:13px;padding:20px;display:flex}.findings svg{min-width:19px}.findings b{font-size:13px}.findings p{color:var(--muted);margin:6px 0;font-size:12px;line-height:1.7}.positive{border-color:var(--green)}.positive svg{color:var(--green)}.warning{border-color:#d18b32}.warning svg{color:#d18b32}.action-plan{padding:45px}.action{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr;padding:18px 0;display:grid}.action>span{color:var(--red);font:12px DM Mono}.action p{color:var(--muted);grid-template-columns:150px 1fr;margin:0;font-size:12px;display:grid}.action b{color:var(--ink)}.result-actions{justify-content:space-between;padding:25px 0 50px;display:flex}.result-actions>a,.text-back{align-items:center;gap:7px;font-size:12px;display:flex}.result-actions small{color:var(--muted);font-size:10px}.interview-shell{max-width:900px}.officer{background:var(--ink);color:#fff;text-align:center;place-content:center;min-height:330px;margin-top:50px;padding:60px;display:grid;position:relative}.officer:after{content:"VISA INTERVIEW";color:#ffffff14;font:40px DM Mono;position:absolute;bottom:9px;right:15px}.officer-badge{border:1px solid #6880a5;border-radius:50%;place-items:center;width:52px;height:52px;margin:auto;display:grid}.officer p{letter-spacing:2px;color:#91a6c8;font:10px DM Mono}.officer h1{max-width:570px;font:700 28px/1.4 Noto Serif SC}.answer-box{border:1px solid var(--line);background:#fff;margin:-20px 40px 30px;padding:30px;position:relative}.answer-box label{margin-bottom:10px;font-size:11px;font-weight:700;display:block}.answer-box textarea{border:0;border-bottom:1px solid var(--line);resize:vertical;outline:none;width:100%;min-height:110px;padding:10px 0;font:16px/1.7 DM Mono}.answer-box textarea:focus{border-color:var(--blue)}.answer-box>div{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.answer-box span{color:var(--muted);font-size:10px}.big-icon{width:44px;height:44px;color:var(--blue)}@media (max-width:700px){.home-shell{padding:0 20px}.home-shell nav,.test-shell header,.question-shell header,.result-shell header,.interview-shell header{height:72px}.nav-note{display:none}.hero{grid-template-columns:1fr;gap:70px;padding:48px 0 70px}.hero h1{letter-spacing:-2px;font-size:40px}.hero-intro{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start}.trust-row{flex-direction:column;gap:12px}.passport-card{margin:0 7px;padding:22px}.radar-wrap{height:290px}.radar{width:200px;height:200px}.logic{grid-template-columns:1fr;padding:55px 0}.logic-list article{grid-template-columns:45px 1fr}.logic-list p{grid-column:2}.home-shell footer span{float:none;margin-top:10px;line-height:1.6;display:block}.test-shell,.question-shell,.interview-shell{padding:0 20px}.intro-panel{margin-top:65px;padding:34px 24px}.intro-panel h1{font-size:30px}.brief-grid{grid-template-columns:1fr}.dimension-progress{margin:25px 0 42px}.dimension-step small{font-size:8px}.question-card h1{font-size:29px}.result-shell{padding:0 20px}.report-id{display:none}.score-hero{text-align:center;grid-template-columns:1fr;padding:45px 0}.score-ring,.score-hero .primary-btn{margin:auto}.report-grid{grid-template-columns:1fr}.dimensions,.findings,.action-plan{padding:38px 0}.dimensions{border-right:0;border-bottom:1px solid var(--line)}.action p{grid-template-columns:1fr;gap:5px}.result-actions{flex-direction:column;align-items:flex-start;gap:15px}.officer{margin-top:30px;padding:45px 24px}.officer h1{font-size:24px}.answer-box{margin:-15px 12px 25px;padding:24px 18px}.answer-box>div{flex-direction:column;align-items:flex-start;gap:16px}.answer-box .primary-btn{width:100%}}@media (prefers-reduced-motion:no-preference){.hero-copy{animation:.55s both rise}.passport-card{animation:.65s .1s both rise}.question-card{animation:.35s both rise}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1}}}:focus-visible{outline-offset:3px;outline:3px solid #e6a04c}.question-text{margin:30px 0;position:relative}.question-text textarea{border:1px solid var(--line);resize:vertical;width:100%;min-height:180px;color:var(--ink);background:#fff;outline:none;padding:20px;font:15px/1.8 Noto Sans SC,sans-serif}.question-text textarea:focus{border:2px solid var(--blue);padding:19px}.question-text span{text-align:right;color:var(--muted);margin-top:7px;font:10px DM Mono;display:block}.dimension-progress{grid-template-columns:repeat(4,1fr)}.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite ping;box-shadow:0 0 #28705a66}.passport-stage{perspective:900px;position:relative}.passport-stage .passport-card{will-change:transform;overflow:hidden}.scan-line{z-index:4;background:linear-gradient(90deg,transparent,var(--red),transparent);opacity:0;height:1px;animation:5s ease-in-out 1.2s infinite scan;position:absolute;top:10%;left:8px;right:8px;box-shadow:0 0 12px #c94c4c8c}.passport-stage .stamp{animation:.7s cubic-bezier(.2,.9,.3,1.25) .65s both stamp-in}.radar.four{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:repeating-radial-gradient(circle,#0000 0 25px,#2656a82e 26px 27px);animation:3.2s ease-in-out infinite radar-breathe}.radar.four .radar-fill{clip-path:polygon(50% 2%,91% 48%,55% 91%,12% 53%);background:#2656a84d;border:0;inset:34px}.radar-status{letter-spacing:1px;color:var(--blue);font:9px DM Mono;position:absolute;bottom:42px}.radar-status i{background:var(--blue);border-radius:50%;width:6px;height:6px;animation:1.1s steps(2,end) infinite blink;display:inline-block}.orbit-note{z-index:5;background:var(--ink);color:#fff;letter-spacing:1px;padding:7px 9px;font:9px DM Mono;position:absolute;box-shadow:3px 3px #9eb0c9}.orbit-note.n1{animation:4s ease-in-out infinite float-note;top:12%;left:-28px}.orbit-note.n2{background:var(--red);animation:4s ease-in-out .7s infinite float-note;bottom:16%;right:-24px}.case-code{position:relative;overflow:hidden}.case-code:after{content:"VC–214B–052";background:#fff;animation:4s step-end infinite code-flicker;position:absolute;inset:0}.typing-line{white-space:nowrap;width:max-content;max-width:100%;animation:1.25s steps(35,end) both type-in;overflow:hidden}.case-ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:18px;margin-top:48px;padding:13px 0;font:9px DM Mono;display:flex;overflow:hidden}.case-ticker>span{color:var(--ink);white-space:nowrap;font-weight:500}.case-ticker div{white-space:nowrap;align-items:center;gap:6px;display:flex}.case-ticker i{background:var(--red);width:4px;height:4px;transform:rotate(45deg)}.logic-meter{color:var(--muted);margin-top:45px;font:9px DM Mono;position:relative}.logic-meter b{float:right;color:var(--ink)}.logic-meter i{background:linear-gradient(90deg,var(--blue) 0 100%,var(--line) 100%);transform-origin:0;height:3px;margin-top:10px;animation:1.4s .4s both meter-load;display:block}.logic-list article{transition:padding-left .25s,background .25s}.logic-list article:hover{background:#ffffff8c;padding-left:12px}@keyframes ping{70%{box-shadow:0 0 0 7px #28705a00}}@keyframes scan{0%,15%{opacity:0;top:8%}25%{opacity:1}65%{opacity:1;top:90%}75%,to{opacity:0;top:90%}}@keyframes stamp-in{0%{opacity:0;transform:scale(1.8)rotate(28deg)}to{opacity:1;transform:scale(1)rotate(10deg)}}@keyframes radar-breathe{50%{filter:saturate(1.35);transform:scale(1.025)}}@keyframes blink{50%{opacity:.25}}@keyframes float-note{50%{transform:translateY(-9px)rotate(-2deg)}}@keyframes code-flicker{0%,92%{transform:translateY(0)}93%{transform:translateY(-100%)}94%{transform:translateY(100%)}95%,to{transform:translateY(0)}}@keyframes type-in{0%{width:0}}@keyframes meter-load{0%{transform:scaleX(0)}}@media (max-width:700px){.case-ticker{gap:12px}.case-ticker div:nth-last-child(-n+2){display:none}.orbit-note.n1{left:-10px}.orbit-note.n2{right:-8px}.typing-line{white-space:normal;animation:none}.passport-stage .passport-card{margin-left:7px;margin-right:7px}}@media (prefers-reduced-motion:reduce){.live-dot,.scan-line,.passport-stage .stamp,.radar.four,.radar-status i,.orbit-note,.case-code:after,.typing-line,.logic-meter i{animation:none!important}.scan-line{display:none}}