:root{--bg-color:#03030f;--text-primary:#fff;--text-secondary:#a0a0c0;--accent-pink:#ff6eb4;--accent-violet:#9b51e0;--accent-cyan:#2d9cdb;--accent-star:gold;--excited-color:255, 182, 193;--happy-color:255, 215, 0;--calm-color:253, 245, 230;--annoyed-color:255, 140, 50;--depressed-color:54, 106, 202;--lonely-color:75, 0, 130;--anxious-color:139, 92, 246;--angry-color:220, 38, 38;--font-primary:"Outfit", "Noto Sans KR", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-primary);line-height:1.6;position:relative}#preview-canvas{z-index:-2;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.nebula-wrapper{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.nebula-glow{filter:blur(200px);opacity:.35;pointer-events:none;z-index:-1;transform-origin:50%;border-radius:50%;width:900px;height:900px;position:absolute}.nebula-1{background:radial-gradient(circle,#ff6eb4f2 0%,#ff6eb440 45%,#0000 70%);animation:25s ease-in-out infinite nebula-drift-1;top:-15%;right:-10%}.nebula-2{background:radial-gradient(circle,#2d9cdbf2 0%,#2d9cdb40 45%,#0000 70%);animation:30s ease-in-out infinite nebula-drift-2;bottom:5%;left:-15%}.nebula-3{background:radial-gradient(circle,#9b51e0f2 0%,#9b51e040 45%,#0000 70%);animation:28s ease-in-out infinite nebula-drift-3;top:30%;right:-10%}@keyframes nebula-drift-1{0%,to{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(-60px,80px)scale(1.15)rotate(180deg)}}@keyframes nebula-drift-2{0%,to{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(80px,-50px)scale(1.08)rotate(-120deg)}}@keyframes nebula-drift-3{0%,to{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(-40px,-80px)scale(1.2)rotate(90deg)}}.landing-container{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:90px;display:flex}.header-right{align-items:center;gap:16px;display:flex}.logo,.inline-logo{vertical-align:middle;background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:initial;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-weight:700;text-decoration:none;display:inline-flex}.logo{letter-spacing:1px;font-size:24px}.inline-logo{font-size:inherit;letter-spacing:.5px}.logo-star{color:#fff;fill:currentColor;vertical-align:middle;width:20px;height:20px;display:inline-block}.logo-white{color:#fff}.logo-lavender{color:#b0b5d9}.lang-selector-container{display:inline-block;position:relative}.lang-label{height:38px;color:var(--text-primary);font-family:var(--font-primary);pointer-events:none;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;justify-content:center;align-items:center;padding:8px 32px 8px 16px;font-size:13px;transition:all .3s;display:flex}.lang-select{opacity:0;cursor:pointer;appearance:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.lang-selector-container:hover .lang-label{background:#ffffff1f;border-color:#ffffff40}.lang-selector-container:after{content:"▼";color:var(--text-secondary);pointer-events:none;font-size:8px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.btn-launch-web{height:38px;color:var(--text-primary);box-sizing:border-box;background-color:#03030f99;background-image:linear-gradient(#03030fb3,#03030fb3),linear-gradient(135deg,#ff6eb4,#2d9cdb);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:20px;justify-content:center;align-items:center;padding:0 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-launch-web:hover{color:var(--bg-color);background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#ff6eb4,#2d9cdb);transform:translateY(-2px);box-shadow:0 10px 20px #ff6eb440,0 0 20px #2d9cdb40}.hero-section{text-align:center;flex-direction:column;align-items:center;padding:100px 0 60px;display:flex;position:relative}.slogan-badge{color:#fff;letter-spacing:.5px;text-shadow:0 0 10px #ff6eb466;background-color:#0000;background-image:linear-gradient(#03030fd9,#03030fd9),linear-gradient(135deg,#ff6eb4,#2d9cdb);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:20px;margin-bottom:24px;padding:6px 18px;font-size:13px;display:inline-block;box-shadow:0 0 15px #2d9cdb26}.hero-title{font-family:var(--font-primary);letter-spacing:-.5px;background:linear-gradient(135deg,#ff6eb4 0%,#a78bfa 50%,#2d9cdb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;max-width:800px;margin-bottom:24px;font-size:48px;font-weight:600;line-height:1.35;animation:6s ease-in-out infinite text-float-glow;display:inline-block}@keyframes text-float-glow{0%,to{filter:drop-shadow(0 0 8px #ff6eb426)drop-shadow(0 0 15px #2d9cdb26);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 0 18px #ff6eb459)drop-shadow(0 0 25px #2d9cdb59);transform:translateY(-8px)scale(1.015)}}.hero-subtitle{color:var(--text-secondary);max-width:650px;margin-bottom:40px;font-size:18px;font-weight:300}.store-buttons{z-index:10;justify-content:center;gap:16px;margin-bottom:60px;display:flex}.btn-store{border-radius:40px;align-items:center;gap:12px;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.btn-apple{color:#000;background:#fff;border:1px solid #fff}.btn-apple:hover{transform:translateY(-3px);box-shadow:0 15px 30px #ffffff26}.btn-google{color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff26}.btn-google:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 15px 30px #ffffff0d}.btn-icon{font-size:20px}.interactive-container{background:#03030f59;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:800px;height:420px;margin-bottom:120px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 30px 60px #0006,inset 0 1px #ffffff1a,0 0 35px #9b51e00d}.interactive-container:hover{border-color:#9b51e04d;box-shadow:0 35px 70px #00000080,inset 0 1px #ffffff26,0 0 50px #9b51e026,0 0 20px #2d9cdb1a}.interactive-top-instructions{z-index:2;pointer-events:none;text-align:center;justify-content:center;align-items:center;width:90%;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.interactive-top-instructions span{color:var(--text-secondary);letter-spacing:1px;text-shadow:0 1px 6px #000000d9;font-size:12px;font-weight:500;animation:2.5s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}.interactive-controls{z-index:3;pointer-events:none;flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;bottom:24px;left:0}.emotion-buttons{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:10px;max-width:92%;display:flex}.btn-emotion{color:var(--text-primary);font-family:var(--font-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;padding:8px 16px;font-size:12.5px;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-emotion:hover{background:#ffffff26;transform:scale(1.05)}.btn-emotion.excited:hover{border-color:rgba(var(--excited-color), .8);box-shadow:0 0 15px rgba(var(--excited-color), .35)}.btn-emotion.happy:hover{border-color:rgba(var(--happy-color), .8);box-shadow:0 0 15px rgba(var(--happy-color), .35)}.btn-emotion.calm:hover{border-color:rgba(var(--calm-color), .8);box-shadow:0 0 15px rgba(var(--calm-color), .35)}.btn-emotion.annoyed:hover{border-color:rgba(var(--annoyed-color), .8);box-shadow:0 0 15px rgba(var(--annoyed-color), .35)}.btn-emotion.depressed:hover{border-color:rgba(var(--depressed-color), .8);box-shadow:0 0 15px rgba(var(--depressed-color), .35)}.btn-emotion.lonely:hover{border-color:rgba(var(--lonely-color), .8);box-shadow:0 0 15px rgba(var(--lonely-color), .35)}.btn-emotion.anxious:hover{border-color:rgba(var(--anxious-color), .8);box-shadow:0 0 15px rgba(var(--anxious-color), .35)}.btn-emotion.angry:hover{border-color:rgba(var(--angry-color), .8);box-shadow:0 0 15px rgba(var(--angry-color), .35)}.features-section{padding:40px 0 100px}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-family:var(--font-primary);margin-bottom:12px;font-size:32px;font-weight:600}.section-header p{color:var(--text-secondary);font-size:15px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.feature-card{background:radial-gradient(135deg, #ffffff08 0%, #ffffff01 100%);text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;border:1px solid #ffffff0d;border-radius:20px;padding:32px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.feature-card:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#ff6eb414,#2d9cdb14);width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.feature-card:nth-child(2):before{background:linear-gradient(135deg,#2d9cdb14,#9b51e014)}.feature-card:nth-child(3):before{background:linear-gradient(135deg,#ffd7000f,#ff6eb40f)}.feature-card:hover{border-color:#ffffff29;transform:translateY(-8px);box-shadow:0 25px 50px #0006,0 0 30px #ff6eb41f}.feature-card:nth-child(2):hover{box-shadow:0 25px 50px #0006,0 0 30px #2d9cdb1f}.feature-card:nth-child(3):hover{box-shadow:0 25px 50px #0006,0 0 30px #ffd7001a}.feature-card:hover:before{opacity:1}.feature-icon{width:48px;height:48px;color:var(--accent-pink);background:#ffffff0a;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;font-size:20px;display:flex}.feature-card:nth-child(2) .feature-icon{color:var(--accent-cyan)}.feature-card:nth-child(3) .feature-icon{color:var(--accent-star)}.feature-card h3{margin-bottom:12px;font-size:18px;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}footer{text-align:center;z-index:10;border-top:1px solid #ffffff0d;padding:60px 0 40px;position:relative}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:24px;display:flex}.footer-links a{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--text-primary)}.footer-copy{color:#ffffff4d;letter-spacing:.5px;font-size:12px}@media (width<=820px){.hero-title{font-size:32px}.hero-subtitle{padding:0 10px;font-size:15px}.hero-section{padding:60px 0 40px}.interactive-container{height:380px;margin-bottom:80px}.emotion-buttons{flex-wrap:wrap;justify-content:center;padding:0 20px}.btn-emotion{padding:8px 14px;font-size:12px}.store-buttons{flex-flow:wrap;justify-content:center;gap:10px;width:100%;max-width:380px}.btn-store{flex:1;justify-content:center;min-width:140px;max-width:180px}}@media (width<=500px){header{height:70px;padding:0 8px}.logo{gap:4px;font-size:18px!important}.logo-star{width:16px;height:16px}.header-right{gap:8px}.lang-label{border-radius:16px;height:32px;padding:4px 24px 4px 10px;font-size:11px}#btn-launch-web{border-radius:16px;justify-content:center;align-items:center;height:32px;padding:0 12px;font-size:11px;display:inline-flex}.interactive-container{height:340px;margin-bottom:60px}.interactive-top-instructions{top:14px}.interactive-top-instructions span{font-size:11px}.interactive-controls{bottom:14px}.emotion-buttons{gap:6px;padding:0 10px}.btn-emotion{border-radius:14px;padding:5px 10px;font-size:11px}.store-buttons{flex-wrap:nowrap;gap:8px;width:100%;max-width:320px;padding:0 8px;flex-direction:row!important}.btn-store{flex:1;min-width:110px;max-width:150px;padding:8px 10px}.btn-store svg{width:18px;height:18px}.btn-store div div:first-child{font-size:8px!important}.btn-store div div:last-child{font-size:12px!important}}