*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.landing-page *,.landing-page :before,.landing-page :after{box-sizing:border-box;margin:0;padding:0}.landing-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .3s,color .3s;display:flex;position:relative;overflow:hidden}.landing-page.dark{color:#e0e0e0;background:#0a0a10}.landing-page.dark .landing-grid-bg{pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.landing-page.light{color:#1a1a2e;background:#fafbff}.landing-page.light .landing-grid-bg{opacity:.3;pointer-events:none;background-image:radial-gradient(circle,#d0d5e0 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.landing-orb{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.landing-page.dark .landing-orb.orb-ps{background:radial-gradient(circle,#7c5cfc1a 0%,#0000 60%);width:400px;height:400px;top:-80px;left:10%}.landing-page.dark .landing-orb.orb-mt{background:radial-gradient(circle,#ff6b9d12 0%,#0000 60%);width:350px;height:350px;bottom:-60px;right:10%}.landing-page.light .landing-orb.orb-ps{filter:blur(80px);opacity:.2;background:#7c5cfc;width:300px;height:300px;top:-60px;left:5%}.landing-page.light .landing-orb.orb-mt{filter:blur(80px);opacity:.15;background:#ff6b9d;width:250px;height:250px;bottom:-40px;right:5%}.landing-content{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.landing-brand-pill{letter-spacing:.5px;text-transform:uppercase;opacity:0;filter:blur(4px);border-radius:20px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 16px;font-size:.7rem;font-weight:600;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1);display:inline-flex;transform:translateY(16px)scale(.95)}.landing-brand-pill.visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}.landing-page.dark .landing-brand-pill{color:#9d8aff;background:#7c5cfc1a;border:1px solid #7c5cfc33}.landing-page.light .landing-brand-pill{color:#7c5cfc;background:#7c5cfc14;border:1px solid #7c5cfc26}.landing-title{opacity:0;filter:blur(6px);margin-bottom:12px;font-size:3rem;font-weight:900;line-height:1.1;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1);transform:translateY(24px)scale(.96)}.landing-title.visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}.landing-page.dark .landing-title{background:linear-gradient(135deg,#fff 20%,#c4b5fd 50%,#7c5cfc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-page.light .landing-title{background:linear-gradient(135deg,#1a1a2e 0%,#4a3d8f 50%,#7c5cfc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-tagline{opacity:0;filter:blur(4px);max-width:420px;margin-bottom:40px;font-size:1rem;line-height:1.6;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1);transform:translateY(16px)}.landing-tagline.visible{opacity:1;filter:blur();transform:translateY(0)}.landing-page.dark .landing-tagline{color:#555}.landing-page.light .landing-tagline{color:#888}.landing-cards{gap:24px;display:flex}.landing-card{cursor:pointer;width:240px;color:inherit;opacity:0;filter:blur(6px);border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:32px 24px 28px;text-decoration:none;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),filter .8s cubic-bezier(.22,1,.36,1),background .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;transform:translateY(30px)scale(.94)}.landing-card.visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}.landing-card.card-ps{--card-accent:#7c5cfc;--card-accent-light:#b4a0ff}.landing-card.card-mt{--card-accent:#ff6b9d;--card-accent-light:#ffb3cc}.landing-page.dark .landing-card{background:#ffffff08;border:1px solid #ffffff0f}.landing-page.dark .landing-card:before{content:"";background:conic-gradient(from 0deg, transparent 50%, var(--card-accent) 70%, var(--card-accent-light) 80%, transparent 90%);-webkit-mask-composite:xor;opacity:0;border-radius:19px;padding:1.5px;transition:opacity .4s;animation:4s linear infinite paused landing-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.landing-page.dark .landing-card:hover:before{opacity:1;animation-play-state:running}.landing-page.dark .landing-card:after{content:"";background:var(--card-accent);filter:blur(40px);opacity:0;z-index:0;border-radius:50%;width:100px;height:100px;transition:opacity .4s;position:absolute;top:10px;left:50%;transform:translate(-50%)}.landing-page.dark .landing-card:hover:after{opacity:.12}.landing-page.dark .landing-card:hover{background:#ffffff0f;transform:translateY(-8px)!important}@keyframes landing-spin{to{transform:rotate(360deg)}}.landing-page.light .landing-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #0000000f}.landing-page.light .landing-card:before{content:"";background:linear-gradient(135deg, transparent 30%, var(--card-accent) 50%, var(--card-accent-light) 70%, transparent 80%);-webkit-mask-composite:xor;opacity:0;border-radius:19px;padding:1.5px;transition:opacity .35s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.landing-page.light .landing-card:hover:before{opacity:1}.landing-page.light .landing-card:hover{box-shadow:0 20px 40px #00000014;transform:translateY(-8px)!important}.landing-icon-box{z-index:1;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.landing-icon-box svg{width:30px;height:30px}.landing-page.dark .landing-icon-box.icon-ps{background:#7c5cfc1f;border:1px solid #7c5cfc33}.landing-page.dark .landing-icon-box.icon-mt{background:#ff6b9d1a;border:1px solid #ff6b9d2e}.landing-page.light .landing-icon-box.icon-ps{background:#eeebff}.landing-page.light .landing-icon-box.icon-mt{background:#ffe8ef}.landing-card-name{z-index:1;font-size:1.1rem;font-weight:700;position:relative}.landing-page.dark .landing-card-name{color:#eee}.landing-page.light .landing-card-name{color:#1a1a2e}.landing-card-desc{text-align:center;z-index:1;font-size:.85rem;line-height:1.4;position:relative}.landing-page.dark .landing-card-desc{color:#666}.landing-page.light .landing-card-desc{color:#888}.landing-enter-btn{z-index:1;cursor:pointer;border:none;border-radius:12px;margin-top:8px;padding:8px 22px;font-size:.85rem;font-weight:600;transition:transform .25s;position:relative}.landing-enter-btn:hover{transform:scale(1.05)}.landing-page.dark .landing-enter-btn.btn-ps{color:#b4a0ff;background:#7c5cfc26;border:1px solid #7c5cfc40}.landing-page.dark .landing-enter-btn.btn-mt{color:#ffaac8;background:#ff6b9d1f;border:1px solid #ff6b9d38}.landing-page.light .landing-enter-btn.btn-ps{color:#fff;background:#7c5cfc}.landing-page.light .landing-enter-btn.btn-mt{color:#fff;background:#ff6b9d}.landing-theme-toggle{cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:all .3s;display:flex;position:fixed;top:20px;right:20px}.landing-page.dark .landing-theme-toggle{color:#aaa;background:#ffffff0f;border:1px solid #ffffff1a}.landing-page.light .landing-theme-toggle{color:#666;background:#0000000a;border:1px solid #00000014}.landing-theme-toggle:hover{transform:scale(1.1)}@media (width<=560px){.landing-cards{flex-direction:column;align-items:center}.landing-card{width:100%;max-width:280px}.landing-title{font-size:2.2rem}}
