:root{--primary: #6366f1;--primary-glow: #4f46e5;--accent: #f59e0b;--bg-dark: #0f172a;--bg-darker: #020617;--text-main: #f8fafc;--text-muted: #94a3b8;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,Noto Sans KR,sans-serif;background-color:var(--bg-darker);color:var(--text-main);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.background-blobs{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.blob{position:absolute;filter:blur(80px);opacity:.15;border-radius:50%;animation:float 20s infinite alternate}.blob-1{width:500px;height:500px;background:var(--primary);top:-100px;right:-100px}.blob-2{width:400px;height:400px;background:var(--accent);bottom:-50px;left:-50px;animation-delay:-5s}.blob-3{width:300px;height:300px;background:#ec4899;top:40%;left:30%;animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(40px,40px) scale(1.1)}}nav{height:80px;display:flex;align-items:center;border-bottom:1px solid var(--glass-border)}.logo{display:flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.logo-img{width:40px;height:40px;border-radius:12px}.hero{padding:8rem 0;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem}h1{font-size:4.5rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.04em}.gradient-text{background:linear-gradient(to right,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-desc{font-size:1.25rem;color:var(--text-muted);max-width:540px;margin-bottom:3rem}.cta-group{display:flex;flex-direction:column;gap:1rem}.btn{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;border-radius:16px;font-weight:700;font-size:1.125rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 30px -10px var(--primary-glow)}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 20px 40px -12px var(--primary-glow);background:var(--primary-glow)}.version-hint{font-size:.875rem;color:var(--text-muted);font-weight:500;padding-left:.5rem}.hero-image{perspective:1000px}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem;border-radius:40px;position:relative;transform:rotateY(-10deg) rotateX(5deg);box-shadow:0 40px 100px -20px #00000080;display:flex;justify-content:center}.glass-card img{width:240px;filter:drop-shadow(0 0 30px rgba(99,102,241,.4));transition:transform .5s}.glass-card:hover img{transform:scale(1.05)}.card-badge{position:absolute;top:2rem;right:2rem;background:var(--accent);color:var(--bg-darker);font-size:.75rem;font-weight:900;padding:.5rem 1rem;border-radius:100px;letter-spacing:.1em}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-bottom:8rem}.feature-card{padding:3rem 2rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:32px;transition:all .3s}.feature-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-8px)}.feature-card .icon{font-size:2.5rem;margin-bottom:1.5rem}.feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-card p{color:var(--text-muted)}footer{padding:4rem 0;border-top:1px solid var(--glass-border);text-align:center}footer p{color:var(--text-muted);font-size:.875rem}.footer-domain{margin-top:.5rem;font-weight:700;color:#fff6}.reveal{animation:reveal 1s both}.reveal-delay-1{animation:reveal 1s both .2s}.reveal-delay-2{animation:reveal 1s both .4s}.reveal-delay-3{animation:reveal 1s both .6s}.reveal-delay-4{animation:reveal 1s both .7s}.reveal-delay-5{animation:reveal 1s both .8s}@keyframes reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.hero{grid-template-columns:1fr;text-align:center;padding:4rem 0}h1{font-size:3rem}.hero-desc{margin:0 auto 3rem}.cta-group{align-items:center}.features{grid-template-columns:1fr}.glass-card{transform:none}}
