:root{
  --bg:#040811;
  --panel:#080e1b;
  --panel-2:#0d1426;
  --line:#13233d;
  --text:#e9edf7;
  --muted:#6f7c9a;
  --cyan:#33d5f5;
  --cyan-2:#00bfe8;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(51,213,245,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(51,213,245,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.65),#000)}
.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,18vw,370px);position:relative;z-index:2;background:rgba(4,8,17,.85);backdrop-filter:blur(10px)}
.brand,.back{color:var(--text);text-decoration:none}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-weight:800}.brand small,.back{color:#737f9d;letter-spacing:.18em;text-transform:uppercase;font-size:12px}.brand i{height:17px;width:1px;background:var(--line);display:block}.mark{color:#ffce2f;text-shadow:5px 0 #00c2ff,9px 0 #ff4b43}.back{font-weight:700;text-transform:none;font-size:15px}
.register-layout{min-height:calc(100vh - 68px);display:grid;grid-template-columns:1fr 1fr;position:relative}.register-layout:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--line)}
.intro-panel,.form-panel{padding:70px clamp(32px,5vw,95px);position:relative}.intro-panel{min-height:860px;display:flex;flex-direction:column}.copy{max-width:420px}.eyebrow{display:inline-flex;border:1px solid var(--cyan-2);color:var(--cyan);padding:9px 14px;font:800 13px/1 Inter,sans-serif;letter-spacing:.32em;text-transform:uppercase;background:rgba(0,191,232,.06)}.eyebrow.clean{border:0;background:0;padding:0;margin-top:2px}
h1,h2{font-family:'Barlow Condensed',Inter,sans-serif;text-transform:uppercase;line-height:.95;margin:34px 0 24px;letter-spacing:.02em}h1{font-size:clamp(58px,7vw,92px)}h2{font-size:clamp(56px,6.2vw,78px);margin-top:18px}h1 span,h2 span{display:block;color:var(--cyan)}p{color:var(--muted);line-height:1.8;font-size:16px}b{color:var(--text)}
.mascot-wrap{margin:auto auto 0;position:relative;width:370px;height:310px;filter:drop-shadow(0 0 60px rgba(0,191,232,.3))}.mascot{position:absolute;left:90px;bottom:0;width:190px;height:260px}.head{position:absolute;left:35px;top:58px;width:145px;height:120px;background:#138bd6;border-radius:55% 50% 48% 50%;box-shadow:inset -18px -15px 0 rgba(0,0,0,.18)}.head:before,.head:after{content:"";position:absolute;top:45px;width:16px;height:18px;background:#03101d;border-radius:50%}.head:before{left:42px}.head:after{right:39px}.ear{position:absolute;top:45px;width:45px;height:58px;background:#168bd6}.ear.left{left:22px;clip-path:polygon(100% 100%,0 5%,20% 95%)}.ear.right{right:-4px;clip-path:polygon(0 100%,100% 5%,80% 95%)}.body{position:absolute;left:68px;top:170px;width:80px;height:76px;background:#17345c;border-radius:22px}.body:after{content:"▶";position:absolute;left:30px;top:19px;color:#ffca29;text-shadow:8px 0 #20d9f9,15px 0 #e74545}.wand{position:absolute;left:0;top:4px;width:18px;height:165px;background:linear-gradient(90deg,#ff70a8,#3bd8ff);border-radius:12px;transform:rotate(18deg);z-index:3}.wand span{position:absolute;left:-34px;top:-42px;color:#ffe029;font-size:82px;text-shadow:0 0 18px rgba(255,224,41,.45)}.arm,.leg{position:absolute;background:#12315a;border-radius:24px}.arm-l{left:43px;top:145px;width:22px;height:70px;transform:rotate(30deg)}.arm-r{right:-2px;top:158px;width:22px;height:62px;transform:rotate(-35deg)}.leg-l{left:76px;bottom:0;width:28px;height:66px;transform:rotate(-8deg)}.leg-r{right:37px;bottom:0;width:28px;height:66px;transform:rotate(10deg)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);max-width:560px;margin:0 auto}.stats article{text-align:center;padding:18px 30px;border-right:1px solid var(--line);background:rgba(8,14,27,.55)}.stats article:last-child{border-right:0}.stats strong{font:800 25px 'Barlow Condensed';color:var(--cyan);display:block}.stats span{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#6e7895}
.form-panel{display:flex;flex-direction:column;justify-content:center;max-width:660px;margin:0 auto;width:100%}form{display:grid;gap:20px}label>span{display:block;margin-bottom:10px;color:#687694;text-transform:uppercase;letter-spacing:.3em;font-size:12px;font-weight:800}.field{display:flex;align-items:center;height:54px;background:#0d1426;border:1px solid #183253;transition:.25s}.field:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(51,213,245,.12)}.field i{width:48px;text-align:center;color:#008eb1;font-style:normal}input{width:100%;height:100%;background:transparent;border:0;outline:0;color:var(--text);font-size:15px}input::placeholder{color:#33405a}.error{display:none;color:#ff6b87;margin-top:7px}.invalid .error{display:block}.invalid .field{border-color:#ff4770}button{height:56px;margin-top:18px;border:0;background:var(--cyan);color:#010814;text-transform:uppercase;letter-spacing:.28em;font-weight:900;cursor:pointer;transition:.25s}button:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(51,213,245,.18)}button b{font-size:22px;color:#010814}.note,.form-message{text-align:center;font-size:13px;letter-spacing:.08em}.form-message{display:none;color:var(--cyan);font-weight:800}
.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:980px){.topbar{padding:0 22px}.register-layout{grid-template-columns:1fr}.register-layout:after{display:none}.intro-panel{min-height:auto}.mascot-wrap{margin:40px auto 0}.form-panel{padding-top:30px}.stats{width:100%}}
@media (max-width:560px){.back{display:none}.intro-panel,.form-panel{padding:42px 20px}h1{font-size:62px}h2{font-size:58px}.mascot-wrap{transform:scale(.85);transform-origin:center}.stats article{padding:14px 10px}.eyebrow{letter-spacing:.18em}}