*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#03080d;color:#e9edf2;font-family:Georgia,'Times New Roman',serif}header{height:72px;position:fixed;z-index:20;top:0;width:100%;display:flex;align-items:center;padding:0 4vw;background:linear-gradient(180deg,rgba(2,8,14,.98),rgba(2,8,14,.82));border-bottom:1px solid #8b6b32;backdrop-filter:blur(10px)}.brand{font-size:27px;letter-spacing:3px;text-shadow:0 0 18px #4fc3ff}.brand small{display:block;font:9px Arial;letter-spacing:6px;color:#72c8ff;text-align:center}nav{margin-left:auto;display:flex;gap:2.1vw}nav a{color:#fff;text-decoration:none;font:13px Arial;letter-spacing:1.5px;padding:28px 2px 24px}nav a:hover{color:#6ed4ff;border-bottom:2px solid #54c7ff}.hero{min-height:760px;height:88vh;position:relative;background-image:url('/assets/novarion-cover.png');background-size:cover;background-position:center;overflow:hidden}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,7,13,.15) 35%,rgba(2,8,14,.72) 90%),linear-gradient(90deg,transparent 55%,rgba(1,5,9,.36))}.intro{position:absolute;z-index:2;left:50%;top:52%;transform:translate(-50%,-50%);text-align:center;width:min(680px,55vw);text-shadow:0 3px 12px #000}.intro h1{margin:0;font-size:clamp(58px,7vw,116px);letter-spacing:3px;color:#e8dfcc;-webkit-text-stroke:1px #5b4124;text-shadow:0 5px 5px #000,0 0 25px #0a9dff}.intro h2{margin:-12px 0 25px;letter-spacing:12px;color:#c8efff;font-size:21px}.intro p{font-size:18px}.eyebrow{color:#e9bd67;letter-spacing:5px;margin-bottom:12px}.play,.register button{display:block;margin:30px auto 9px;padding:18px 60px;max-width:360px;color:white;text-decoration:none;font-size:25px;border:2px solid #d3a75a;background:linear-gradient(#0873a8,#073b60 55%,#041d32);clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);box-shadow:0 0 25px #1d9ee0}.intro span{font:12px Arial;letter-spacing:1px}.panel{background:linear-gradient(145deg,rgba(4,15,24,.96),rgba(3,9,14,.93));border:1px solid #9b773c;box-shadow:inset 0 0 30px #071e2d,0 8px 35px #000}.register{position:absolute;z-index:4;right:3.2vw;top:22%;width:330px;padding:22px 25px}.register h3,.lower h3{text-align:center;margin:0;color:#f4e8d1;letter-spacing:1px}.register>p{text-align:center;color:#bad6e5;font-size:12px;letter-spacing:2px}.register label{display:block;font:12px Arial;margin:12px 0 5px}.register em{color:#78909c;font-weight:normal}.register input:not([type=checkbox]){width:100%;padding:12px;background:#07131d;border:1px solid #2d4654;border-radius:4px;color:white;margin-top:6px;outline:none}.register input:focus{border-color:#4db8e8;box-shadow:0 0 10px #0b6c99}.terms{display:flex!important;gap:8px;align-items:flex-start}.register button{width:100%;border:1px solid #d9a859;font-size:14px;padding:13px;margin:16px 0 5px;background:linear-gradient(#b97b2e,#694016);cursor:pointer}.register button:disabled{opacity:.6}.register #message,#userHint{font:12px Arial;min-height:16px;margin-top:7px}.ok{color:#66e892}.err{color:#ff796f}.stats{min-height:94px;display:grid;grid-template-columns:2fr repeat(3,1fr);align-items:center;border-top:1px solid #34505d;border-bottom:1px solid #6b542e;background:#04101a;padding:12px 5vw}.stats>div{display:flex;flex-direction:column;padding:0 30px;border-right:1px solid #21333c}.stats strong{font-size:22px}.stats span{font:12px Arial;color:#b7c9d2}.dot{width:16px;height:16px;border-radius:50%;background:#ff695e;box-shadow:0 0 15px currentColor;float:left}.dot.online{background:#72ef69}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px 5vw;background:#071018}.cards article{text-align:center;padding:25px 15px;border:1px solid #8b6b32;background:linear-gradient(rgba(10,21,30,.96),rgba(3,10,16,.98));box-shadow:inset 0 0 25px #020609}.cards b{font-size:35px;color:#e3b45e}.cards h3{margin-bottom:5px}.cards p{margin:0;color:#a9bac3;font:12px Arial}.lower{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;padding:0 5vw 35px;background:#071018}.lower article{padding:25px;min-height:150px}.lower h3{text-align:left}.lower h4{margin-bottom:5px}.lower p{color:#aebdc5;font:13px Arial}.download{padding:12px 25px;background:#67451d;border:1px solid #d0a052;color:#eee}footer{height:80px;display:flex;align-items:center;gap:40px;padding:0 4vw;border-top:1px solid #263b45;background:#02070b;color:#8eb3c7;font:11px Arial;letter-spacing:2px}footer strong{font:20px Georgia;color:#d7e3e9}footer span:last-child{margin-left:auto}@media(max-width:1050px){nav{display:none}.hero{height:auto;min-height:1100px;background-position:38% center}.intro{top:33%;width:90vw}.register{top:59%;left:50%;right:auto;transform:translateX(-50%);width:min(420px,90vw)}.stats{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.lower{grid-template-columns:1fr}}@media(max-width:600px){header{height:60px}.brand{font-size:20px}.hero{min-height:1050px}.intro h2{letter-spacing:6px}.play{font-size:20px;padding:16px 35px}.stats,.cards{grid-template-columns:1fr}.stats>div{padding:10px;border-right:0;border-bottom:1px solid #1d313c}.lower{padding:20px}.cards{padding:20px}footer{gap:10px;flex-wrap:wrap;height:auto;padding:25px}footer span:last-child{margin-left:0}}