.passport-page{--tool:#ffd166;--pass-violet:#bda7ff;background:#071016}.passport-hero{padding-bottom:26px}.passport-hero .tool-hero-in{grid-template-columns:minmax(0,720px) minmax(300px,360px)}
.passport-id-card{position:relative;overflow:hidden;padding:22px;border:1px solid rgba(255,209,102,.24);border-radius:22px;background:linear-gradient(145deg,rgba(255,209,102,.09),rgba(94,234,212,.045));box-shadow:0 28px 70px -46px rgba(255,209,102,.75)}.passport-id-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-65px;top:-75px;background:radial-gradient(circle,rgba(255,209,102,.2),transparent 68%)}.passport-id-top{display:flex;justify-content:space-between;gap:15px;align-items:start}.passport-id-top small{display:block;color:var(--dim);font:700 9px 'Space Grotesk';letter-spacing:.15em}.passport-id-top h2{font:700 25px 'Space Grotesk';margin-top:5px}.passport-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(255,209,102,.12);color:var(--tool);font-size:21px}.passport-id-card label{display:grid;gap:6px;margin-top:24px}.passport-id-card label span{font:700 8px 'Space Grotesk';letter-spacing:.14em;color:var(--dim)}.passport-id-card input{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.18);background:none;color:var(--ink);padding:7px 0;outline:none;font:600 14px 'Space Grotesk'}.passport-id-card input:focus{border-color:var(--tool)}.passport-code{display:flex;justify-content:space-between;gap:15px;margin-top:18px;color:var(--muted);font:600 10px 'Space Grotesk';letter-spacing:.08em}.passport-code b{color:var(--tool)}
.passport-shell{max-width:1200px;margin:0 auto;padding:22px 24px 90px}.passport-dashboard{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:16px}.passport-panel{border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.047),rgba(255,255,255,.021));padding:22px}.passport-panel.wide{grid-column:1/-1}.passport-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:18px}.passport-panel-head h2{font:650 clamp(22px,3vw,29px) 'Space Grotesk';margin-top:6px}.passport-panel-head p{color:var(--muted);font-size:12px;line-height:1.5;max-width:560px;margin-top:6px}
.rank-layout{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}.rank-ring{position:relative;width:148px;height:148px}.rank-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.rank-ring circle{fill:none;stroke-width:9}.rank-ring .track{stroke:rgba(255,255,255,.07)}.rank-ring .value{stroke:var(--tool);stroke-linecap:round;transition:stroke-dashoffset .65s ease}.rank-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.rank-ring strong{font:700 31px/1 'Space Grotesk';color:var(--tool)}.rank-ring span{font:700 8px 'Space Grotesk';letter-spacing:.12em;color:var(--dim);margin-top:6px}.rank-copy h3{font:700 clamp(27px,4vw,40px) 'Space Grotesk';letter-spacing:-.03em}.rank-copy p{color:var(--muted);font-size:12.5px;margin-top:6px}.rank-next{margin-top:17px}.rank-next div{display:flex;justify-content:space-between;color:var(--dim);font:700 9px 'Space Grotesk';letter-spacing:.08em;margin-bottom:7px}.rank-next i{display:block;height:7px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.rank-next i:after{content:"";display:block;height:100%;width:var(--progress);background:linear-gradient(90deg,var(--tool),#5eead4);border-radius:inherit}
.passport-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.passport-stat{padding:13px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.passport-stat strong{display:block;font:700 22px 'Space Grotesk';color:var(--tool)}.passport-stat span{display:block;color:var(--dim);font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}
.specialties{display:grid;gap:16px}.specialty-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.specialty-top b{font:600 12px 'Space Grotesk'}.specialty-top span{font:700 11px 'Space Grotesk';color:var(--color)}.specialty-track{height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.specialty-track i{display:block;width:var(--value);height:100%;border-radius:inherit;background:var(--color);transition:width .6s ease}.specialty-hint{display:flex;gap:8px;margin-top:18px;padding:12px;border-radius:12px;background:rgba(189,167,255,.055);color:var(--muted);font-size:11px;line-height:1.45}.specialty-hint i{color:var(--pass-violet);margin-top:2px}
.mission-card{position:relative;padding:22px;border:1px solid rgba(94,234,212,.2);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(94,234,212,.12),transparent 42%),rgba(255,255,255,.025)}.mission-area{display:inline-flex;padding:5px 8px;border-radius:99px;background:rgba(94,234,212,.09);color:#5eead4;font:700 8.5px 'Space Grotesk';letter-spacing:.12em}.mission-card h3{font:650 22px 'Space Grotesk';margin:12px 0 6px}.mission-card>p{color:var(--muted);font-size:12.5px;line-height:1.55}.mission-progress{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:17px 0}.mission-progress i{height:7px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden}.mission-progress i:after{content:"";display:block;width:var(--value);height:100%;background:#5eead4}.mission-progress span{font:700 10px 'Space Grotesk';color:#5eead4}.missions-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.mission-mini{display:grid;grid-template-columns:27px 1fr;gap:9px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:12px}.mission-mini i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.05);color:var(--dim);font-size:10px}.mission-mini.done i{background:rgba(94,234,212,.13);color:#5eead4}.mission-mini b{display:block;font:600 10.5px 'Space Grotesk'}.mission-mini span{display:block;color:var(--dim);font-size:8.5px;margin-top:2px}
.badge-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.passport-badge{min-width:0;padding:14px 10px;text-align:center;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.023)}.passport-badge .seal{width:46px;height:46px;margin:auto;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:var(--dim);font-size:17px}.passport-badge h3{font:600 10.5px 'Space Grotesk';margin-top:9px}.passport-badge p{color:var(--dim);font-size:8.5px;line-height:1.35;margin-top:4px}.passport-badge.on{border-color:rgba(255,209,102,.22);background:rgba(255,209,102,.035)}.passport-badge.on .seal{border-color:rgba(255,209,102,.36);background:rgba(255,209,102,.1);color:var(--tool);box-shadow:0 0 28px -14px var(--tool)}.passport-badge:not(.on){filter:saturate(.25)}
.activity-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:7px}.activity-week{display:grid;grid-template-rows:repeat(7,9px);gap:4px}.activity-day{border-radius:2px;background:rgba(255,255,255,.055)}.activity-day.l1{background:rgba(94,234,212,.22)}.activity-day.l2{background:rgba(94,234,212,.48)}.activity-day.l3{background:#5eead4}.activity-legend{display:flex;align-items:center;gap:6px;color:var(--dim);font-size:9px;margin-top:12px}.activity-legend i{width:10px;height:10px;border-radius:2px;background:rgba(255,255,255,.055)}.activity-legend i:nth-of-type(2){background:rgba(94,234,212,.22)}.activity-legend i:nth-of-type(3){background:rgba(94,234,212,.48)}.activity-legend i:nth-of-type(4){background:#5eead4}
.passport-actions{display:flex;flex-wrap:wrap;gap:9px}.passport-file{position:relative;overflow:hidden}.passport-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.passport-feedback{min-height:18px;color:#5eead4;font-size:10.5px;margin-top:8px}.passport-method{padding:70px 0}.passport-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.passport-method-grid article{padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.022)}.passport-method-grid i{color:var(--tool);font-size:20px}.passport-method-grid h3{font:600 16px 'Space Grotesk';margin:14px 0 6px}.passport-method-grid p{color:var(--muted);font-size:11.5px;line-height:1.55}
@media(max-width:920px){.passport-dashboard{grid-template-columns:1fr}.passport-panel.wide{grid-column:auto}.badge-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.passport-hero .tool-hero-in{grid-template-columns:1fr}.passport-id-card{max-width:560px}}
@media(max-width:620px){.passport-shell{padding:10px 12px 70px}.passport-panel{padding:17px;border-radius:18px}.rank-layout{grid-template-columns:1fr;text-align:center}.rank-ring{margin:auto}.rank-next div{text-align:left}.passport-stats{grid-template-columns:1fr 1fr}.missions-list{grid-template-columns:1fr}.badge-grid{grid-template-columns:1fr 1fr}.passport-method-grid{grid-template-columns:1fr}.activity-grid{gap:4px}.activity-week{gap:3px}.passport-panel-head{display:block}.passport-actions{margin-top:14px}.passport-id-card{margin-top:8px}}
.passport-code span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.passport-code b{flex:none}.recent-list li>div{display:grid;gap:2px}.recent-list li span{display:block}
@media(prefers-reduced-motion:reduce){.passport-page *{transition:none!important;animation:none!important}}