:root{font-family:system-ui,-apple-system,sans-serif;color:#172c36;background:#f3f5f1}*{box-sizing:border-box}body{margin:0}header{padding:26px 5vw;border-bottom:1px solid #dce3dc;display:flex;justify-content:space-between;align-items:center}.brand{letter-spacing:.18em;font-weight:800;font-size:22px}.badge{font-size:12px;background:#e1eadf;color:#365b44;padding:9px 14px;border-radius:25px}main{max-width:1180px;margin:auto;padding:55px 28px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:#56715f}h1{font-size:clamp(36px,5vw,62px);letter-spacing:-.055em;font-weight:550;line-height:1.08;margin:18px 0}p{line-height:1.65;color:#60716c}.lead{max-width:620px;font-size:17px}.notice{margin:32px 0;background:#172f36;color:#eef4ed;border-radius:18px;padding:25px 28px;display:flex;gap:22px;align-items:center}.notice p{color:#bfccc6;margin:5px 0 0}.notice strong{font-size:17px}.circle{border:1px solid #7c9990;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;flex-shrink:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{border:1px solid #dce3dc;border-radius:18px;padding:25px;background:#fff;min-height:200px}.tile span{font-size:11px;color:#6b7f74;text-transform:uppercase;letter-spacing:.08em}.tile h2{font-size:20px;margin:25px 0 10px}.tile p{font-size:14px;margin:0}.steps{margin:35px 0 0;padding:25px;border:1px solid #dce3dc;border-radius:18px}.steps h2{font-size:18px;margin:0 0 20px}.step{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e7ece6;padding:15px 0;font-size:14px}.step em{font-style:normal;color:#687d71;text-align:right}footer{font-size:12px;margin-top:35px;color:#6c7c72}.rule{color:#375944;font-weight:600}@media(max-width:760px){.grid{grid-template-columns:1fr}header{gap:15px;padding:20px}.badge{font-size:10px}main{padding:32px 20px}.notice{align-items:flex-start;padding:22px}.step{flex-direction:column;gap:6px}.step em{text-align:left}}

@font-face{font-family:Montserrat;src:url('/assets/montserrat-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/montserrat-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/montserrat-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{font-family:Montserrat,Arial,sans-serif;color:#263574;background:#f6f7fb}
header{background:#202b60;border:0;padding:19px 5vw;color:#fff;box-shadow:0 4px 20px #19214b14}
.brand{display:flex;align-items:center;gap:12px;letter-spacing:.045em;font-size:25px;font-weight:800}
.brand img{width:57px;height:57px;object-fit:contain;background:white;border-radius:14px;padding:3px}
.badge{background:#ffffff12;border:1px solid #ffffff30;color:#fff;font-size:11px}
main{padding-top:42px;position:relative}h1{color:#263574;font-weight:800;letter-spacing:-.055em;font-size:clamp(40px,5vw,64px);line-height:1.1;margin-top:25px}
.eyebrow{display:inline-block;background:#de7bb0;color:#252c59;padding:10px 17px;border-radius:25px;transform:rotate(-2deg);font-weight:700;text-transform:none;letter-spacing:0;font-size:12px}
.lead{font-size:16px;line-height:1.9;color:#66708c;max-width:650px}.hero-logo{position:absolute;right:38px;top:45px;width:240px;height:240px;object-fit:contain}
.notice{background:linear-gradient(115deg,#202a5d,#303f7d);color:white;border-radius:20px;padding:27px 29px;margin-top:35px;box-shadow:0 10px 30px #26357410}.notice p{color:#e0e4f2;font-size:13px}.notice strong{font-weight:800}.circle{border:1px solid #de7bb080;color:#f0b4d5}
.tile{border-color:#e4e7f2;border-radius:20px;box-shadow:0 7px 22px #26357404;padding:25px;min-height:220px}.tile span{color:#7b819a;font-weight:700;font-size:10px;letter-spacing:.08em}.tile:before{content:'';display:block;background:#de7bb0;width:35px;height:4px;border-radius:3px;margin-bottom:19px}.tile:nth-child(2):before{background:#6178bb}.tile:nth-child(3):before{background:#a58abf}.tile h2{font-weight:800;letter-spacing:-.025em;font-size:20px;margin-top:19px}.tile p{font-size:12px;line-height:1.9;color:#6a728a}
.steps{background:#fff;border-color:#e4e7f2;border-radius:20px}.steps h2{font-weight:800}.step{border-color:#eceef6;font-size:12px;padding:18px 0}.step em{color:#747c94;font-size:11px}.step strong{font-weight:700}footer{font-size:11px;color:#747c94}.rule{background:#faeaf3;color:#75385a;border-radius:12px;padding:16px 20px;font-weight:700;font-size:12px}
@media(max-width:950px){.hero-logo{width:180px;height:180px;right:30px;top:60px}.lead{max-width:70%}}
@media(max-width:760px){.hero-logo{display:none}.lead{max-width:100%}.brand{font-size:20px}.brand img{width:44px;height:44px}.badge{font-size:9px}h1{font-size:44px}.tile{min-height:190px}.notice{padding:22px}.step{font-size:11px;line-height:1.7}.step em{max-width:45%}}


a.brand{text-decoration:none;color:inherit}nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center;background:white;border-bottom:1px solid #e4e7f2;padding:16px 5vw;font-size:12px}nav a{color:#263574;text-decoration:none;font-weight:700}nav a:hover{text-decoration:underline}nav form{margin-left:auto}a.tile{display:block;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}a.tile:hover{transform:translateY(-3px);box-shadow:0 10px 25px #26357415}a.tile b{display:block;font-size:11px;margin-top:18px;color:#98416e}.auth{max-width:540px;margin:10px auto 30px}.auth.wide{max-width:750px}.auth h1{font-size:45px}.auth p{font-size:13px}.panel{background:white;border:1px solid #e4e7f2;border-radius:20px;padding:28px;margin-bottom:24px}.panel h2{font-size:19px;margin-top:0}.panel p,.panel li{font-size:13px;line-height:1.9}.panel li{margin-bottom:10px}.enrollment{display:grid;grid-template-columns:1fr 1fr;gap:24px}.enrollment .panel{margin-bottom:0}.qr{display:block;width:240px;max-width:100%;height:auto;margin:20px auto}.secret{word-break:break-all;font-family:monospace;font-size:16px;background:#f2f3fa;padding:15px}form{margin:0}label{display:block;font-size:12px;font-weight:700;margin:19px 0 8px}input{display:block;width:100%;padding:14px;border:1px solid #cbd0e2;border-radius:10px;background:white;color:#263574;font:inherit;font-size:14px}input:focus{outline:3px solid #de7bb055;border-color:#b9538d}button,.button{display:inline-block;cursor:pointer;border:0;border-radius:28px;padding:14px 23px;background:#de7bb0;color:#242c58;font:inherit;font-size:12px;font-weight:800;text-decoration:none;margin-top:21px;line-height:1.6}button:hover,.button:hover{background:#e89bc4}button:focus-visible,.button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6578bf;outline-offset:4px}.text-button{margin:0;background:transparent;padding:0;font-size:11px;border-radius:0;color:#263574}.notice .button,.notice button{background:#e79ac5;color:#222956}.error{border-left:4px solid #b63265;background:#fff0f5;color:#8b1e47;padding:15px;border-radius:6px;font-size:13px;line-height:1.7}.hint{font-size:11px!important;line-height:1.8;color:#727a92}.codes{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:white;border:1px solid #e4e7f2;padding:22px;border-radius:16px}.codes code{padding:10px;background:#f5f6fb;color:#263574;font-size:16px;text-align:center}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;background:white;border:1px solid #e4e7f2}td,th{padding:15px;text-align:left;border-bottom:1px solid #e4e7f2;font-size:12px}th{background:#ecedf7}summary{font-size:12px;cursor:pointer}.wrap{overflow-wrap:anywhere}footer{padding:25px 5vw;border-top:1px solid #e4e7f2}main>h1{max-width:700px}@media(max-width:760px){.enrollment{grid-template-columns:1fr}.auth h1{font-size:37px}.panel{padding:22px}nav{gap:16px;padding:15px 20px}nav form{margin-left:0}.codes{padding:14px;gap:8px}.codes code{font-size:13px;padding:10px 4px}}

.guide-intro{background:#eef0fb}.guide-title{display:flex;align-items:center;gap:14px;margin-bottom:14px}.guide-title h2{margin:0}.guide-number{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:#f8e5f0;color:#78385c;border-radius:50%;font-weight:800}.guide-step .button{margin:4px 0 12px}.guide-step ol{padding-left:22px}.guide-step li{padding-left:5px}.guide-step summary{font-weight:700;padding:12px 0;line-height:1.8}.copy-value{display:block;overflow-wrap:anywhere;background:#f3f4fa;padding:14px;border-radius:8px;margin:12px 0}.copy-field{background:#f4f5fb;font-size:13px;cursor:text}.inline-link{color:#743c71;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.guide-final{background:#fbf2f8}@media(max-width:760px){.guide-title h2{font-size:17px}.guide-step .button{font-size:11px;padding:13px 17px}.copy-field{font-size:11px}}

.scan-status[hidden]{display:none}.scan-status{display:flex;gap:18px;align-items:flex-start;padding:24px;margin:24px 0;background:#eef0fb;color:#263574;border:1px solid #cbd1eb;border-radius:18px}.scan-status strong{font-size:15px}.scan-status p{margin:8px 0;font-size:12px;line-height:1.8;color:#5d6684}.scan-status small{font-size:11px;color:#6b728b}.scan-spinner{display:block;width:27px;height:27px;flex-shrink:0;border:3px solid #d8ddef;border-top-color:#b84e8a;border-radius:50%;animation:scan-turn .8s linear infinite}.notice+.scan-status,.notice .scan-status{background:#eef0fb}.scan-complete{background:#e8f4eb;border:1px solid #c5dfcc;border-radius:16px;padding:20px 24px;margin-bottom:28px;color:#285b3a}.scan-complete p{margin:8px 0 0;font-size:12px;color:#3d6c4c}button:disabled{cursor:wait;opacity:.65}@keyframes scan-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.scan-spinner{animation:none;border-style:dotted}}