:root{--primary-bg: #030712;--card-bg: rgba(255, 255, 255, .02);--card-border: rgba(255, 255, 255, .08);--text-main: #f8fafc;--text-muted: #94a3b8;--accent-blue: #38bdf8;--accent-purple: #818cf8;--accent-gold: #fbbf24;--accent-rose: #fb7185;--container-max: 1200px;--transition-smooth: all .5s cubic-bezier(.16, 1, .3, 1);--glass-blur: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Noto Sans KR,sans-serif;background-color:var(--primary-bg);color:var(--text-main);line-height:1.6;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased}.container{max-width:var(--container-max);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(100px);opacity:.12;border-radius:50%;animation:move-blobs 25s infinite alternate}.blob-1{width:60vh;height:60vh;background:radial-gradient(circle,var(--accent-blue),transparent);top:-10%;left:-10%}.blob-2{width:80vh;height:80vh;background:radial-gradient(circle,var(--accent-purple),transparent);bottom:-15%;right:-10%;animation-delay:-5s}.blob-3{width:50vh;height:50vh;background:radial-gradient(circle,var(--accent-gold),transparent);top:40%;left:45%;animation-delay:-12s}@keyframes move-blobs{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(100px,50px) scale(1.1) rotate(120deg)}66%{transform:translate(-50px,100px) scale(.9) rotate(240deg)}to{transform:translate(0) scale(1) rotate(360deg)}}header{padding:7rem 0 4rem;text-align:center}.glow-text{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;letter-spacing:-.06em;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff 30%,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(56,189,248,.2))}.subtitle{font-size:1.25rem;color:var(--text-muted);font-weight:300;max-width:600px;margin:0 auto;letter-spacing:-.02em}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;padding-bottom:6rem}.service-card{position:relative;border-radius:32px;padding:1px;background:linear-gradient(135deg,var(--card-border) 0%,transparent 50%,var(--card-border) 100%);transition:var(--transition-smooth);cursor:pointer;overflow:hidden}.service-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(Circle 300px at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.06),transparent 80%);pointer-events:none;opacity:0;transition:opacity .5s ease}.service-card:hover:after{opacity:1}.service-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 30px 60px -15px #00000080,0 0 40px -10px #38bdf81a}.card-inner{position:relative;background:#0f172a99;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:31px;padding:3rem 2rem;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1}.icon-wrapper{width:100%;aspect-ratio:16 / 9;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);position:relative;border-radius:12px;overflow:hidden;background:#0003;border:1px solid var(--card-border)}.icon-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.4));z-index:1;opacity:0;transition:var(--transition-smooth)}.service-card:hover .icon-wrapper:before{opacity:1}.icon-wrapper img,.icon-wrapper iframe{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1);border:none;pointer-events:none}.service-card:hover .icon-wrapper img,.service-card:hover .icon-wrapper iframe{transform:scale(1.1)}.service-card:hover .icon-wrapper{border-color:var(--accent-blue);box-shadow:0 0 20px #38bdf833}h2{font-size:1.6rem;font-weight:800;margin-bottom:1.2rem;color:#fff;letter-spacing:-.03em}h2.long-title{font-size:1.3rem;line-height:1.3}.card-inner p{color:var(--text-muted);font-size:1rem;margin-bottom:2.5rem;flex-grow:1;font-weight:300}.view-button{display:inline-block;padding:.9rem 2.4rem;background:#ffffff08;border:1px solid var(--card-border);border-radius:100px;color:#fff;text-decoration:none;font-weight:700;font-size:.95rem;letter-spacing:.05em;transition:var(--transition-smooth);text-transform:uppercase}.service-card:hover .view-button{background:#fff;color:var(--primary-bg);box-shadow:0 15px 30px #fff3;transform:scale(1.05)}footer{padding:3rem 0;border-top:1px solid var(--card-border);text-align:center;color:var(--text-muted);font-size:.9rem}@media(max-width:768px){.glow-text{font-size:2.5rem}header{padding:3rem 0}.services-grid{grid-template-columns:1fr;padding:0 1rem 5rem}}