@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--bg-color:#000;--accent-color:red;--surface-color:#1c1c1ecc;--text-primary:#fff;--text-secondary:#a1a1a6;--glass-border:#ffffff1a;--transition-smooth:all .4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Pretendard,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none}.glass{background:var(--surface-color);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px}@keyframes shimmer{0%{transform:translate(-100%)rotate(45deg)}to{transform:translate(200%)rotate(45deg)}}.btn-shimmer{background:var(--accent-color);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:50px;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 10px 30px #ff00004d}.btn-shimmer:after{content:"";background:linear-gradient(to bottom right,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:200%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-50%}.btn-shimmer:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 15px 40px #ff000080}.reveal{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}section{max-width:1200px;margin:0 auto;padding:100px 20px}.banner{background:var(--accent-color);color:#fff;text-align:center;z-index:1000;padding:12px;font-size:.95rem;font-weight:700;position:sticky;top:0}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 50px);padding:0 20px;display:flex}.hero h1{margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4rem);line-height:1.2}.hero p{color:var(--text-secondary);max-width:600px;margin-bottom:2rem;font-size:1.1rem}.hero-mockup{width:100%;max-width:450px;margin-top:30px;position:relative}.hero-mockup img{mix-blend-mode:screen;border-radius:20px;width:100%;box-shadow:0 50px 100px #00000080}.stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.stat-card{text-align:center;padding:40px}.stat-value{color:var(--accent-color);margin-bottom:.5rem;font-size:3.5rem;font-weight:800}.testimonials{padding-bottom:100px}.test-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px;display:grid}.test-card{padding:30px}.stars{color:gold;margin-bottom:1rem}.contact-form{max-width:600px;margin:50px auto;padding:50px}.form-group{margin-bottom:25px}.form-group label{color:var(--text-secondary);margin-bottom:10px;font-size:.9rem;display:block}.form-group input,.form-group textarea{border:1px solid var(--glass-border);color:#fff;width:100%;transition:var(--transition-smooth);background:#ffffff0d;border-radius:10px;padding:15px;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);background:#ffffff1a;outline:none}footer{text-align:center;border-top:1px solid var(--glass-border);color:var(--text-secondary);padding:50px;font-size:.9rem}@media (width<=768px){.hero{padding-top:80px}.contact-form{padding:30px}}#popup-overlay{z-index:2000;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-in-out;display:flex;position:fixed;top:0;left:0}#popup-overlay.active{opacity:1;visibility:visible}.popup-content{text-align:center;width:90%;max-width:500px;padding:40px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);position:relative;transform:scale(.9)}#popup-overlay.active .popup-content{transform:scale(1)}.popup-close{cursor:pointer;color:var(--text-secondary);transition:var(--transition-smooth);background:0 0;border:none;padding:0;position:absolute;top:20px;right:20px}.popup-close:hover{color:var(--accent-color);transform:rotate(90deg)}
