nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:center;gap:2rem;padding:1rem 2rem;background:#020617a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);z-index:1000}nav a{position:relative;text-decoration:none;color:#cbd5f5;font-weight:500;font-size:.95rem;letter-spacing:.4px;padding:.35rem 0;transition:color .2s ease}nav a:hover{color:#38bdf8}nav a:after{content:"";position:absolute;left:0;bottom:-3px;width:0%;height:2px;background:linear-gradient(90deg,#38bdf8,#22c55e);border-radius:2px;transition:width .25s ease}nav a:hover:after{width:100%}*{box-sizing:border-box}.home{min-height:100vh;background:radial-gradient(circle at top,#0f172a,#020617);color:#e5e7eb;display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:relative;overflow:hidden}body{margin:0}.glow{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 70%);top:-150px;right:-150px;filter:blur(40px)}.hero{text-align:center;max-width:720px;margin-bottom:3rem}.hero h1{font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.15;margin-bottom:1rem;letter-spacing:.5px}.subtitle{color:#94a3b8;font-size:1.1rem;line-height:1.6}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;width:100%;max-width:900px;margin-bottom:3rem}.card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.6rem;box-shadow:0 20px 40px #00000059;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 30px 60px #00000073}.card h3{margin-bottom:.5rem;font-size:1.2rem}.card p{color:#cbd5f5;line-height:1.6;font-size:.95rem}.status{display:flex;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap;justify-content:center}.status-item{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;padding:.6rem 1rem;border-radius:999px;font-size:.9rem;color:#e5e7eb}.dot{width:8px;height:8px;border-radius:50%}.dot.online{background:#22c55e}.dot.secure{background:#38bdf8}.dot.idle{background:#fbbf24}.footer{margin-top:auto;color:#64748b;font-size:.9rem}.portal{min-height:100vh;background:radial-gradient(circle at top,#0f172a,#020617);color:#e5e7eb;display:flex;flex-direction:column;align-items:center;padding:7rem 1.5rem 3rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:relative;overflow:hidden}.portal-glow{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 70%);top:-150px;right:-150px;filter:blur(40px)}.portal h1{font-size:2.3rem;margin-bottom:2rem;letter-spacing:.5px}.portal-controls{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);padding:1rem;border-radius:14px;box-shadow:0 20px 40px #00000059;margin-bottom:1.5rem}.portal input{background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:.6rem .8rem;border-radius:8px;color:#e5e7eb;font-size:.9rem;outline:none;transition:border .2s ease}.portal input::placeholder{color:#64748b}.portal input:focus{border-color:#38bdf8}.portal button{background:linear-gradient(135deg,#38bdf8,#22c55e);border:none;padding:.6rem .9rem;border-radius:8px;font-size:.9rem;font-weight:500;color:#020617;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.portal button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #38bdf859}.portal button:active{transform:translateY(0)}.portal button:last-child{background:linear-gradient(135deg,#fbbf24,#f97316)}.portal-status{margin-top:.5rem;margin-bottom:1.5rem;color:#94a3b8;font-size:.9rem}.portal-map{width:100%;max-width:900px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 50px #00000073}