body{color:#f4f4f4;background:#060608;overflow:hidden}:root{--bg:#060608;--fg:#f4f4f4;--muted:#8a8a8a;--accent:#ea2326;--accent-glow:#ea232666;--accent-soft:#ea23261f;--particle-color:234, 35, 38;--mesh-1:#ea232624;--mesh-2:#b41e5a14;--mesh-3:#ea23260f;--mesh-4:#7828c80d;--orb-1:#ea23261a;--orb-2:#b41e5a12;--orb-3:#7828c80f}.bg-mesh{z-index:0;pointer-events:none;position:fixed;inset:0}.bg-mesh:before{content:"";background:radial-gradient(ellipse 600px 600px at 20% 30%, var(--mesh-1) 0%, transparent 70%), radial-gradient(ellipse 500px 500px at 80% 20%, var(--mesh-2) 0%, transparent 70%), radial-gradient(ellipse 700px 700px at 60% 80%, var(--mesh-3) 0%, transparent 70%), radial-gradient(ellipse 400px 400px at 10% 90%, var(--mesh-4) 0%, transparent 70%);animation:30s ease-in-out infinite alternate meshFloat;position:absolute;inset:-10%}@keyframes meshFloat{0%{transform:translate(0)scale(1)}50%{transform:translate(2%,-2%)scale(1.05)}to{transform:translate(-2%,2%)scale(1)}}.orb{filter:blur(60px);z-index:1;pointer-events:none;border-radius:50%;position:fixed}.orb-1{background:var(--orb-1);width:220px;height:220px;animation:18s ease-in-out infinite alternate orbFloat1;top:12%;right:14%}.orb-2{background:var(--orb-2);width:180px;height:180px;animation:22s ease-in-out infinite alternate orbFloat2;bottom:18%;left:8%}.orb-3{background:var(--orb-3);width:140px;height:140px;animation:14s ease-in-out infinite alternate orbFloat3;top:55%;left:50%;transform:translate(-50%,-50%)}@keyframes orbFloat1{0%{transform:translate(0)}to{transform:translate(-60px,40px)}}@keyframes orbFloat2{0%{transform:translate(0)}to{transform:translate(40px,-60px)}}@keyframes orbFloat3{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-42%,-58%)scale(1.2)}}#particles{z-index:2;pointer-events:none;position:fixed;inset:0}.grain{z-index:3;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.scan-line{background:linear-gradient(90deg, transparent 0%, var(--accent-glow) 50%, transparent 100%);z-index:10;opacity:0;pointer-events:none;height:2px;animation:2.6s ease-in-out .2s forwards scanDown;position:fixed;top:0;left:0;right:0}@keyframes scanDown{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.page{z-index:4;grid-template-rows:1fr auto;min-height:100vh;padding:clamp(24px,4vw,48px);display:grid;position:relative}.topbar{z-index:6;position:fixed;top:clamp(20px,3vw,36px);right:clamp(20px,3vw,36px)}.login-btn{letter-spacing:.18em;text-transform:uppercase;color:var(--fg);-webkit-backdrop-filter:blur(10px);opacity:0;background:#ffffff08;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:12px;font-weight:500;text-decoration:none;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s;animation:1s 1s forwards fadeUp;display:inline-flex}.login-btn:hover{border-color:var(--accent);background:#ea23261a;transform:translateY(-1px);box-shadow:0 0 24px #ea232640}.login-btn svg{width:12px;height:12px;transition:transform .2s}.login-btn:hover svg{transform:translate(2px)}main{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(28px,4vw,44px);display:flex}.logo-wrap{opacity:0;justify-content:center;align-items:center;animation:1.2s cubic-bezier(.34,1.56,.64,1) .5s forwards logoEntrance;display:inline-flex;position:relative}@keyframes logoEntrance{0%{opacity:0;filter:blur(8px);transform:scale(.85)translateY(20px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.logo-glow{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);filter:blur(40px);opacity:0;z-index:-1;width:60%;height:60%;animation:1.4s 1s forwards glowAppear,4s ease-in-out 2.4s infinite logoPulse;position:absolute;top:50%;left:8%;transform:translateY(-50%)}@keyframes glowAppear{to{opacity:.85}}@keyframes logoPulse{0%,to{opacity:.65;transform:translateY(-50%)scale(1)}50%{opacity:1;transform:translateY(-50%)scale(1.15)}}.logo{z-index:2;width:clamp(240px,36vw,420px);height:auto;display:block;position:relative}.pill{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);-webkit-backdrop-filter:blur(10px);opacity:0;background:#ffffff05;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:13px;font-weight:500;animation:1s 1.2s forwards fadeUp;display:inline-flex}.pill .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.tagline{max-width:520px;color:var(--muted);opacity:0;font-size:clamp(14px,1.2vw,16px);font-weight:400;line-height:1.65;animation:1s 1.5s forwards fadeUp}footer{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;animation:1s 1.8s forwards fadeUp;display:flex}.made-with{align-items:center;gap:8px;display:inline-flex}.heart{transform-origin:50%;filter:drop-shadow(0 0 6px);font-size:14px;line-height:1;transition:color .4s;animation:1.6s ease-in-out infinite heartbeat;display:inline-flex}@keyframes heartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.18)}40%{transform:scale(.94)}60%{transform:scale(1.1)}80%{transform:scale(1)}}.plondo-name{color:var(--fg);font-weight:600;text-decoration:none;transition:color .2s}.plondo-name:hover{color:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}