*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,"Segoe UI",sans-serif;color:#f7fafc;background:radial-gradient(circle at 50% 35%,#123e57 0%,#091f3a 35%,#061629 80%)}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.top{height:85px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;color:#a9c9d4}.brand{color:#fff;text-decoration:none;font-size:28px;font-weight:700}.brand span{color:#00bfa6}main{flex:1;display:grid;place-items:center}footer{text-align:center;color:#7d9baa;padding:15px;font-size:14px}.hero{text-align:center;padding:20px;max-width:1000px}.eyebrow{letter-spacing:2px;color:#00d9ff;font-size:13px;margin-bottom:22px}.hero h1{font-size:clamp(58px,6vw,98px);margin:10px 0}.hero h2{color:#d8bd85;font-size:clamp(22px,2.2vw,32px);font-weight:400}.hero p,.panel p,.dashboard>p{color:#b6c9d5;font-size:20px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:20px;margin-top:28px;padding:18px 60px;border-radius:18px;background:linear-gradient(115deg,#00bfa6,#00a7d2);color:#061629;text-decoration:none;border:0;font:700 24px Tahoma;cursor:pointer;min-height:70px;box-shadow:0 12px 36px #00bfa62a}.primary:active,.keypad button:active{transform:scale(.97)}.orbit{height:210px;width:210px;margin:0 auto 20px;position:relative;display:grid;place-items:center;filter:drop-shadow(0 0 20px #00d9ff44)}.orbit i{position:absolute;border:2px solid #00d9ff66;border-radius:50%;height:110px;width:200px;transform:rotate(60deg);animation:spin 18s linear infinite}.orbit i:nth-child(2){transform:rotate(120deg);animation-direction:reverse}.orbit i:nth-child(3){transform:rotate(0deg)}.orbit b{font-size:70px;color:#00bfa6}@keyframes spin{to{rotate:360deg}}.panel{background:#0b2945d9;border:1px solid #36b7c23d;border-radius:28px;padding:34px 55px;text-align:center;width:min(560px,95vw)}.panel h1,.dashboard h1{font-size:40px;margin:0}.panel form{display:flex;flex-direction:column;gap:12px;text-align:right}.panel label{font-size:18px}.panel input{font-size:28px;text-align:center;padding:16px;border-radius:14px;border:1px solid #00bfa6;background:#061629;color:#fff;width:100%}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}.keypad button{min-height:62px;border:1px solid #2d6c80;border-radius:12px;background:#123c58;color:#fff;font-size:24px;cursor:pointer}.panel .primary{margin-top:10px;width:100%;font-size:20px}.back{display:inline-block;color:#9bd6df;margin-top:20px;text-decoration:none}.dashboard{text-align:center;width:min(1120px,95vw);padding:25px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.cards article{min-height:190px;padding:24px;text-align:right;border:1px solid #2e6c7a;background:linear-gradient(125deg,#123652e8,#0b233c);border-radius:22px}.cards h2{font-size:26px}.cards p{color:#b8cad5}.icon{font-size:38px;color:#00d9ff}@media(max-width:700px){.cards{grid-template-columns:1fr}.top{height:70px}.top>span{display:none}.panel{padding:20px}.orbit{height:150px}.hero h1{font-size:50px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}