:root{--primary: #ff6600;--primary-glow: rgba(255, 102, 0, .4);--bg-app: #0a0a0c;--card-bg: rgba(255, 255, 255, .03);--text: #ffffff;--text-muted: #a0a0a0;--border: rgba(255, 255, 255, .1);--radius: 20px;font-family:Inter,sans-serif;color:var(--text);background-color:var(--bg-app)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;background-image:radial-gradient(circle at 10% 10%,rgba(255,102,0,.05) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(0,102,255,.05) 0%,transparent 40%)}#root{width:100%;padding:2rem}.portal-container{display:flex;flex-direction:column;gap:3rem;align-items:center}.header{text-align:center}.header h1{font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(to right,#fff,#bbb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.05em}.header p{font-size:1.2rem;color:hsl(var(--text-muted))}.systems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;width:100%}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 20px 40px #00000080}.icon-wrapper{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary),#ff8800);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card h2{font-size:1.5rem;font-weight:600;color:var(--text)}.card p{color:var(--text-muted);line-height:1.6}.status{font-size:.8rem;font-weight:600;padding:.25rem .75rem;border-radius:100px;background:#ffffff0d;width:fit-content}.status.active{color:#10b981;background:#10b9811a}.status.pending{color:#f59e0b;background:#f59e0b1a}.portal-container{width:100%}