:root{--bg-color:#08070d;--text-color:#e8e5e0;--accent-color:#ffe066;--accent-light:#ff8787;--accent-blue:#74c0fc;--white:#16153a;--glass-bg:#16153a4d;--glass-border:#ffffff0d;--ocean-bg:#16153a;--ocean-dark:#0f0c20;--ocean-light:#1d1845;--ocean-accent:#ffe066;--ocean-text:#e8e5e0;--ocean-glass:#0f1c2ea6;--ocean-border:#ffffff1f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body:before{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.018'/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{border:3px solid var(--bg-color);background:#ffe06659;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-light)}body{background-color:var(--bg-color);min-height:100vh;color:var(--text-color);letter-spacing:-.015em;margin:0;font-family:Outfit,Inter,system-ui,sans-serif;overflow-x:hidden}.font-serif{font-family:Playfair Display,Noto Serif KR,serif}.font-sans{font-family:Outfit,Inter,sans-serif}a,a:link,a:visited{color:var(--text-color);opacity:.65;text-decoration:none;transition:opacity .3s,color .3s}a:hover,a:active{opacity:1;color:var(--accent-color)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:inset 0 1px 1px #ffffff1a,0 15px 40px #0006}.bento-grid{grid-template-columns:repeat(3,1fr);gap:2.2rem;width:100%;margin-top:3.5rem;display:grid}.bento-card{background:#16153a38;border:1px solid #ffffff0d;border-radius:32px;flex-direction:column;justify-content:space-between;padding:2.5rem;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1f,0 15px 40px #00000073}.bento-card:hover{border-color:#ffffff26;transform:translateY(-5px);box-shadow:inset 0 1px 1px #fff3,0 25px 50px #0000008c,0 0 30px #ffe0661a}.bento-col-2{grid-column:span 2}.bento-col-3{grid-column:span 3}.bento-row-2{grid-row:span 2}.glow-spotlight{pointer-events:none;background:radial-gradient(400px circle at var(--mouse-x,0px) var(--mouse-y,0px), #ffe0660d, #ff878705 50%, transparent 80%);opacity:0;z-index:1;transition:opacity .5s;position:absolute;inset:0}.bento-card:hover .glow-spotlight{opacity:1}.tilt-container{perspective:1000px}.tilt-card{transform-style:preserve-3d}.tilt-inner{transform:translateZ(30px)}.navbar-pill{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#0b091573;border:1px solid #ffffff0d;border-radius:9999px;justify-content:space-between;align-items:center;width:calc(100% - 3rem);max-width:1100px;padding:.8rem 2rem;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 1px #ffffff1a,0 15px 35px #0006}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;margin-bottom:1rem;line-height:1.2}h1,h2,.title-serif{font-family:Playfair Display,Noto Serif KR,serif;font-weight:700}.text-gradient{background:linear-gradient(135deg, var(--accent-color), var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;letter-spacing:-.01em;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2.2rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background-color:var(--accent-color);color:#0b0915;box-shadow:0 10px 25px -5px #ffe06633}.btn-primary:hover{background-color:#fff;transform:translateY(-3px);box-shadow:0 20px 30px -5px #ffe06659}.btn:active{transform:translateY(0)}@keyframes aurora{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.aurora-bg{z-index:-2;opacity:.7;background:linear-gradient(-45deg,#08070d,#16153a,#0a0914,#120e24) 0 0/400% 400%;animation:22s infinite aurora;position:absolute;inset:0}@keyframes light-shafts{0%,to{opacity:.02;transform:rotate(-15deg)translate(-10px)}50%{opacity:.05;transform:rotate(-10deg)translate(10px)}}@keyframes float-bubbles{0%{opacity:0;transform:translateY(110%)translate(0)}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-700px) translateX(var(--bubble-sway,15px));opacity:0}}@keyframes float-bottle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(3deg)}}@keyframes breathing-lumina{0%,to{filter:drop-shadow(0 0 30px var(--lumina-shadow,#ffe06666));transform:scale(1)}50%{filter:drop-shadow(0 0 45px var(--lumina-shadow,#ffe06699));transform:scale(1.08)}}@keyframes rotate-rainbow{to{filter:hue-rotate(360deg)}}.ocean-playground{background:linear-gradient(180deg, var(--ocean-dark) 0%, var(--ocean-bg) 50%, var(--ocean-dark) 100%);color:var(--ocean-text);border:1px solid var(--ocean-border);border-radius:32px;position:relative;overflow:hidden;box-shadow:0 30px 60px -15px #0009}.light-shaft{pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:150px;height:200%;animation:12s ease-in-out infinite alternate light-shafts;position:absolute;top:-50%;left:20%;transform:rotate(-12deg)}.light-shaft-2{width:220px;animation-duration:16s;animation-delay:-3s;left:60%}.bubble{pointer-events:none;z-index:1;width:8px;height:8px;animation:float-bubbles var(--bubble-duration,8s) linear infinite;animation-delay:var(--bubble-delay,0s);background:0 0;border:.6px solid #ffffff59;border-radius:50%;position:absolute;bottom:0}.interactive-mobile-frame{background-color:#0b091a;border:1.5px solid #ffffff1f;border-radius:48px;width:100%;max-width:320px;height:640px;position:relative;overflow:hidden;box-shadow:0 0 0 4px #151324,0 0 0 10px #242236,0 0 0 12px #2f2c45,0 25px 60px #000000d9}.mobile-notch{z-index:50;background-color:#1e1c2a;border-radius:13px;width:110px;height:26px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.glass-ocean{background:var(--ocean-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--ocean-border)}.bottle-float{animation:6s ease-in-out infinite float-bottle}.lumina-breath{animation:5s ease-in-out infinite breathing-lumina}.rainbow-aurora{animation:10s linear infinite rotate-rainbow}footer a,footer a:link,footer a:visited{opacity:1;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;color:#ffffff8c!important}footer a:hover,footer a:active{text-shadow:0 0 10px #ff878766;color:var(--accent-light)!important}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-col-2{grid-column:span 2}}@media (width<=768px){.bento-grid{grid-template-columns:1fr}.bento-col-2,.bento-col-3{grid-column:span 1}.navbar-pill{width:calc(100% - 2rem);padding:.6rem 1.2rem}}.hero-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;width:100%;display:grid}@media (width<=900px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-content{text-align:center!important;align-items:center!important}.hero-buttons{justify-content:center!important}}@media (width<=500px){.hero-mockup-container{transform:scale(.8)!important}}@keyframes star-twinkle{0%{opacity:.15;transform:scale(1)}to{opacity:.95;transform:scale(1.4)}}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}@keyframes marquee-right{0%{transform:translate(-33.3333%)}to{transform:translate(0)}}.star-element{will-change:opacity, transform}.marquee-row-left{width:max-content;animation:65s linear infinite marquee-left;display:flex}.marquee-row-right{width:max-content;animation:65s linear infinite marquee-right;display:flex}.marquee-row-left:hover,.marquee-row-right:hover{animation-play-state:paused}.title-serif-premium{font-family:DM Serif Display,Playfair Display,Georgia,serif}@media (width>=900px){.ocean-playground{flex-wrap:nowrap!important}}