:root{--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .5);--secondary: #a855f7;--accent: #f43f5e;--bg-dark: #020617;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--text-main: #f8fafc;--text-dim: #94a3b8;--premium-font: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--premium-font);background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://grainy-gradients.vercel.app/noise.svg);opacity:.15;pointer-events:none;z-index:1;filter:contrast(120%) brightness(120%)}.circles{position:absolute;width:100%;height:100%;z-index:0;overflow:hidden}.circle{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:float 25s infinite alternate ease-in-out}.circle-1{width:600px;height:600px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);top:-200px;left:-150px}.circle-2{width:700px;height:700px;background:radial-gradient(circle,var(--secondary) 0%,transparent 70%);bottom:-200px;right:-150px;animation-delay:-7s}.circle-3{width:400px;height:400px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);top:30%;left:55%;animation-delay:-12s}@keyframes float{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(100px,50px) scale(1.2) rotate(10deg)}66%{transform:translate(-50px,150px) scale(.9) rotate(-5deg)}to{transform:translate(50px,-50px) scale(1.1) rotate(5deg)}}.hero-section{z-index:10;width:100%;max-width:1000px;padding:2rem;perspective:1000px}.glass-card{background:#0d121e66;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:40px;padding:5rem 4rem;box-shadow:0 30px 60px -12px #0009,inset 0 0 0 1px #ffffff0d;text-align:center;position:relative;overflow:hidden}.glass-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(99,102,241,.05) 0%,transparent 50%);pointer-events:none}header{margin-bottom:5rem}.logo{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-bottom:1rem}.logo-icon{font-size:3.5rem;filter:drop-shadow(0 0 20px var(--primary-glow))}h1{font-size:4rem;font-weight:900;background:linear-gradient(135deg,#fff,#cbd5e1,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.04em;line-height:1.1;margin-bottom:1.5rem}.subtitle{color:var(--text-dim);font-size:1.35rem;font-weight:300;letter-spacing:.02em;max-width:600px;margin:0 auto}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:4rem}.portal-card{text-decoration:none;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:30px;padding:3rem;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative;overflow:hidden}.portal-card:hover{transform:translateY(-12px) scale(1.02);background:#ffffff0d;border-color:#fff3;box-shadow:0 25px 50px -15px #00000080,0 0 20px #6366f133}.card-icon{font-size:4rem;background:#ffffff0a;width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:28px;transition:all .5s;box-shadow:inset 0 0 0 1px #ffffff03}.portal-card:hover .card-icon{transform:rotate(10deg) scale(1.1);background:#ffffff14;box-shadow:0 0 30px #ffffff1a}.card-content h3{font-size:1.75rem;margin-bottom:.75rem;color:#fff;font-weight:700}.card-content p{color:var(--text-dim);font-size:1rem;line-height:1.7;margin-bottom:2rem}.btn-text{font-weight:700;color:var(--primary);font-size:1.1rem;display:flex;align-items:center;gap:.5rem;transition:all .3s}.portal-card:hover .btn-text{gap:1rem}.portal-card.member .btn-text{color:#818cf8}.portal-card.admin .btn-text{color:#c084fc}footer{color:var(--text-dim);font-size:.95rem;opacity:.5;letter-spacing:.1em;text-transform:uppercase;font-weight:600}@media (max-width: 768px){.portal-grid{grid-template-columns:1fr;gap:1.5rem}.glass-card{padding:3rem 1.5rem;border-radius:30px}h1{font-size:2.75rem}.subtitle{font-size:1.1rem}.portal-card{padding:2rem}}