:root{--navy:#021167;--navy2:#021167;--blue:#00A6ED;--light:#FBF5F2;--red:#E70022;--green:#00911C;--yellow:#FFBA00;--gold:#FFBA00;--ink:#021167;--muted:#66718a;--line:#dce3ef;--white:#fff;--shadow:0 12px 35px rgba(2,17,103,.10)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--ink);background:var(--light)}a{color:var(--navy);text-decoration:none}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #cbd5e4;border-radius:10px;background:#fff;color:var(--ink)}label{display:grid;gap:6px;font-weight:650;color:var(--ink)}small{color:var(--muted)}code{background:#eef2f7;padding:2px 5px;border-radius:4px}.topbar{height:74px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--blue));font-size:24px}.brand b{display:block;font-size:19px}.brand small{display:block}.topbar nav{display:flex;gap:18px;align-items:center}.bell{position:relative;font-size:20px}.bell em{position:absolute;right:-9px;top:-8px;background:var(--red);color:#fff;font-size:10px;font-style:normal;border-radius:20px;padding:2px 5px}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 74px)}.sidebar{background:var(--navy);padding:22px 12px;display:flex;flex-direction:column;gap:7px}.sidebar a{color:#e6ebff;padding:12px 14px;border-radius:10px}.sidebar a:hover{background:var(--blue);color:#fff}.content{padding:28px;max-width:1500px;width:100%;margin:0 auto}.hero{background:linear-gradient(110deg,var(--navy),#05208f 58%,var(--blue));color:#fff;border-radius:24px;padding:28px;display:flex;justify-content:space-between;gap:30px;align-items:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:420px;height:420px;border:70px solid rgba(255,255,255,.08);border-radius:50%;right:20%;top:-250px}.hero h1,.page-title h1{font-size:34px;margin:6px 0 8px}.hero p{max-width:650px;color:#e7efff}.hero-school{display:inline-block;margin-top:8px;color:#fff}.eyebrow{letter-spacing:.12em;font-weight:800;font-size:12px;color:var(--blue)}.level-card{min-width:300px;background:#fff;color:var(--ink);padding:18px;border-radius:18px;position:relative;z-index:1}.level-card b,.level-card strong{display:block}.level-card strong{font-size:26px;margin:4px 0 10px}.level-card.compact{min-width:170px;text-align:center}.progress{height:10px;background:#d8e3ef;border-radius:20px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--red));border-radius:20px}.grid{display:grid;gap:18px;margin-top:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);margin-top:18px}.card h2{margin:0 0 14px}.section-head,.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-title{margin-bottom:8px}.page-title p{margin:0}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pillar{display:grid;justify-items:center;text-align:center;gap:6px;padding:12px;border-radius:14px;background:#f8faff}.pillar span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:24px}.badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.badge-grid.big{grid-template-columns:repeat(5,minmax(0,1fr))}.badge-card{position:relative;min-height:170px;background:#f8faff;border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;justify-items:center;text-align:center;gap:8px}.badge-card img{width:82px;height:82px;object-fit:contain}.badge-card.locked{filter:grayscale(.9);opacity:.55}.badge-card small{display:block}.stretched:after{content:'';position:absolute;inset:0}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:999px}.journey-section{scroll-margin-top:90px}.journey-track{display:flex;align-items:flex-start;overflow:auto;padding:18px 4px;gap:16px}.journey-node{min-width:165px;position:relative;display:grid;justify-items:center;text-align:center;gap:8px}.journey-node img{width:86px;height:86px}.journey-node.locked{opacity:.4;filter:grayscale(1)}.journey-node .connector{position:absolute;left:-34px;top:42px;width:48px;height:5px;background:#d8e4f2}.cat-dot{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;margin-right:8px}.achievement{text-align:center;max-width:720px;margin:22px auto}.achievement-img{width:240px;height:240px;object-fit:contain}.achievement h1{font-size:38px;margin:6px 0}.achievement-meta{display:flex;justify-content:center;gap:20px;margin:18px}.share-box{border-top:1px solid var(--line);padding-top:18px}.btn{border:0;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer;display:inline-block}.btn.primary{background:linear-gradient(90deg,var(--navy),#0d2ca4);color:#fff}.btn.secondary{background:#e9efff;color:var(--navy)}.btn.linkedin{background:#0a66c2;color:#fff}.btn.instagram{background:linear-gradient(45deg,#feda75,#d62976,#4f5bd5);color:#fff}.stack{display:grid;gap:13px}.check{display:flex;align-items:center;gap:8px;font-weight:500}.check input{width:auto}.alert{padding:12px 14px;border-radius:10px;margin:0 0 14px}.alert.success{background:#e7f7eb;color:var(--green)}.alert.error{background:#fff0f2;color:#a5142a}.alert.admin-note{background:#fff8dc;color:#624900}.notification{display:flex;gap:14px;padding:14px;border-bottom:1px solid var(--line)}.notification.unread{background:#f0f8ff}.notification img{width:50px;height:50px;object-fit:contain}.notification p{margin:4px 0}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,var(--blue),var(--navy) 58%,#010943)}.login-card{width:min(430px,100%);background:#fff;padding:28px;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.25);text-align:center}.login-card form{text-align:left;display:grid;gap:13px}.login-logo{font-size:50px}.share-page{display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,var(--navy),var(--blue));padding:30px}.share-public-card{max-width:640px;background:#fff;border-radius:30px;padding:40px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.3)}.share-public-card img{width:240px;height:240px;object-fit:contain}.share-public-card h1{font-size:38px}.share-public-card span{letter-spacing:.15em;font-weight:900;color:var(--red)}dl{display:grid;grid-template-columns:130px 1fr;gap:10px}dt{font-weight:800}dd{margin:0}.timeline>div{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.timeline img{width:52px;height:52px}.timeline span{flex:1}.timeline small{display:block}.link{border:0;background:none;color:var(--blue);cursor:pointer}.danger{color:var(--red)}.preview-banner{background:var(--yellow);color:#2e2500;padding:9px 18px;display:flex;justify-content:center;gap:20px;align-items:center;font-size:13px}.preview-banner a{font-weight:900;text-decoration:underline}.starting-badge{display:flex;align-items:center;justify-content:space-between;border-left:5px solid var(--yellow)}.starting-badge h2{margin:4px 0}.starting-badge p{margin:0;color:var(--muted)}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;bottom:0;left:0;right:0;z-index:30;flex-direction:row;justify-content:space-around;padding:8px;overflow:auto}.sidebar a{font-size:0;padding:9px}.sidebar a::first-letter{font-size:23px}.content{padding:18px 14px 90px}.grid.two{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.level-card{min-width:0;width:100%}.pillars{grid-template-columns:repeat(2,1fr)}.badge-grid,.badge-grid.big{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 12px}.brand small,.topbar nav span{display:none}.page-title{align-items:flex-start;flex-direction:column}.achievement-img{width:180px;height:180px}.preview-banner{align-items:flex-start;flex-direction:column;gap:4px}.starting-badge{align-items:flex-start;flex-direction:column;gap:12px}}