*{box-sizing:border-box}:root{--gold:#c9a45a;--blue:#56baff;--side:300px}html,body{margin:0;min-height:100%;background:#020912;color:#e8edf1;font-family:"Segoe UI",Arial,sans-serif}a{text-decoration:none;color:inherit}.scene{position:fixed;top:0;right:0;bottom:0;left:var(--side);background:#03101b url("../assets/images/chaapaai-background.png") 34% 0%/cover no-repeat;z-index:0}.veil{position:fixed;top:0;right:0;bottom:0;left:var(--side);background:linear-gradient(90deg,rgba(0,7,13,.28),rgba(0,7,13,.08) 48%,rgba(0,7,13,.34));z-index:1;pointer-events:none}aside{position:fixed;inset:0 auto 0 0;width:var(--side);padding:35px 24px;background:rgba(0,8,15,.84);border-right:1px solid rgba(201,164,90,.28);backdrop-filter:blur(5px);z-index:20}.brand{display:block;padding:5px 12px 25px;border-bottom:1px solid rgba(201,164,90,.22)}.brand strong{display:block;font-family:Georgia,serif;font-size:30px;letter-spacing:2px;color:#e4c47e}.brand span{display:block;margin-top:7px;font-size:10px;letter-spacing:2px;color:#c9a45a}nav{margin-top:18px;display:grid;gap:2px}.nav-item{height:77px;display:flex;align-items:center;gap:15px;padding:5px 9px;border:1px solid transparent;color:#d8caa8;font-size:12px;letter-spacing:.7px}.nav-item:hover,.nav-item.active{border-color:rgba(78,179,242,.35);background:linear-gradient(90deg,rgba(0,114,190,.22),transparent);color:#fff}.symbol-disc{width:57px;height:57px;flex:0 0 57px;border:1px solid rgba(201,164,90,.58);border-radius:50%;display:grid;place-items:center;background:rgba(3,11,18,.75)}.symbol-disc img{width:40px;height:40px;object-fit:contain;filter:invert(78%) sepia(28%) saturate(681%) hue-rotate(359deg) brightness(91%) contrast(89%)}.nav-item.active .symbol-disc{border-color:#64c7ff;box-shadow:0 0 18px rgba(38,160,235,.35)}.nav-item.active .symbol-disc img{filter:invert(71%) sepia(53%) saturate(1300%) hue-rotate(172deg) brightness(104%) contrast(101%)}header{position:fixed;top:0;left:var(--side);right:0;padding:28px 45px;display:flex;justify-content:flex-end;z-index:10}.login{border:1px solid rgba(201,164,90,.6);padding:13px 27px;background:rgba(2,9,15,.68);color:#e2c788;letter-spacing:1.5px;font-size:12px}main{position:relative;z-index:2;margin-left:var(--side);min-height:100vh;padding:0 6vw 0;display:flex;flex-direction:column}.hero{min-height:0;flex:1;display:flex;align-items:center;justify-content:flex-end;padding-top:88px;padding-bottom:24px}.hero-box{width:min(500px,42vw);padding:35px;background:rgba(1,9,16,.72);border-left:1px solid rgba(89,190,255,.4);backdrop-filter:blur(3px);margin-right:0}.hero-box small,.panels small{color:var(--gold);letter-spacing:2px;font-weight:700}.hero-box h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,4.5vw,68px);line-height:1.02;margin:13px 0 18px;color:#f0e5ce}.hero-box p{line-height:1.7;color:#c3cdd4}.actions{margin-top:25px}.btn{display:inline-block;border:1px solid rgba(201,164,90,.65);padding:13px 22px;color:#e7ce93;background:rgba(2,10,17,.75);font-size:11px;letter-spacing:1.3px}.btn.primary{border-color:#71d0ff;background:linear-gradient(#258fd0,#126398);color:white}.panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panels article{padding:24px;background:rgba(1,9,16,.9);border:1px solid rgba(201,164,90,.38)}.panels h2{font-family:Georgia,serif;font-weight:400}.panels p{color:#aebcc5;line-height:1.6}footer{margin-top:auto;padding:16px 18px 18px;text-align:center;border-top:1px solid rgba(201,164,90,.18);color:#8d8b83;font-size:12px}.menu-toggle{display:none}@media(max-width:800px){.scene,.veil{left:0}aside{transform:translateX(-100%);transition:.2s}aside.open{transform:none}.menu-toggle{display:block;position:fixed;z-index:30;top:18px;left:18px;background:#06131d;color:#fff;border:1px solid #3b89b6;padding:9px 12px}header{left:0;padding:18px}main{margin-left:0;padding:0 18px}.hero{justify-content:center}.hero-box{width:100%;margin-top:80px}.panels{grid-template-columns:1fr}}