:root{--bg-0:#050012;--bg-1:#0b0824;--bg-2:#001c2e;--text-strong:#ffffff;--text-body:#ffffffe6;--text-muted:#ffffff99;--stroke-soft:#ffffff1f;--stroke-tiny:#ffffff14;--cyan:#00e5ff;--magenta:#ff2fd6;--purple:#7a00ff;--amber:#ffb800;--pink:#ff2f7a;--easing:cubic-bezier(0.2,0.75,0.2,1)}.art-home,.art-home *{box-sizing:border-box}body,html{margin:0;min-height:100%}.art-home a{color:inherit;text-decoration:none}.art-home{position:relative;isolation:isolate;min-height:100vh;overflow:clip;padding:32px 0 64px;font-family:var(--font-body),"Noto Sans KR","Segoe UI",sans-serif;color:var(--text-body);background:radial-gradient(140% 140% at 50% 15%,var(--bg-0) 0,var(--bg-1) 45%,var(--bg-2) 100%)}.art-shell{position:relative;z-index:2;width:min(1312px,calc(100vw - 48px));margin:0 auto;display:flex;flex-direction:column;gap:72px}.blob{position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none}.blob-magenta{left:-240px;top:-220px;width:760px;height:760px;background:radial-gradient(circle at 35% 35%,#ff2fd6aa 0,#7a00ff55 55%,transparent 100%);animation:blob-drift-a 14s ease-in-out infinite alternate}.blob-cyan{right:-180px;top:120px;width:720px;height:720px;background:radial-gradient(circle at 45% 40%,#00e5ff88 0,#005cff44 60%,transparent 100%);animation:blob-drift-b 17s ease-in-out infinite alternate}.blob-orange{left:-260px;top:1420px;width:820px;height:820px;background:radial-gradient(circle at 40% 45%,#ffb80088 0,#ff2f7a44 62%,transparent 100%);animation:blob-drift-c 18s ease-in-out infinite alternate}.art-header{min-height:72px;justify-content:space-between;gap:20px}.art-header,.brand-group{display:flex;align-items:center}.brand-group{gap:12px}.brand-logo{font-family:var(--font-display),"Noto Sans KR",sans-serif;font-size:22px;letter-spacing:-.02em;color:var(--text-strong)}.badge-beta{border-radius:999px;background:#00e5ff22;color:var(--cyan);padding:4px 8px;font-size:11px;line-height:1}.top-menu{display:flex;align-items:center;gap:24px}.menu-link{font-size:13px;color:#ffffffb8;transition:color .18s var(--easing)}.menu-link.active,.menu-link:hover{color:var(--text-strong)}.header-actions{display:flex;align-items:center;gap:12px}.search-pill{width:280px;min-height:40px;border-radius:14px;background:#ffffff0f;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid transparent}.search-pill:focus-within{border-color:#00e5ff66}.search-icon{font-size:12px;color:#ffffff99}.search-pill input{width:100%;background:transparent;border:0;color:#ffffff80;font-size:12px;outline:none}.button-primary{height:48px;border-radius:16px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--bg-0);background:linear-gradient(90deg,var(--cyan) 0,var(--magenta) 100%);transition:transform .2s var(--easing),box-shadow .2s var(--easing),filter .2s var(--easing)}.button-primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px #00e5ff33;filter:saturate(1.08)}.button-compact{height:40px;border-radius:14px;padding-inline:16px;font-size:13px}.button-ghost{height:48px;border-radius:16px;border:1px solid var(--stroke-soft);padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:#ffffffe6;transition:border-color .18s var(--easing),background-color .18s var(--easing)}.button-ghost:hover{border-color:#ffffff4d;background:#ffffff14}.hero-section{min-height:520px;display:grid;grid-template-columns:minmax(440px,640px) minmax(360px,560px);gap:48px;align-items:center}.hero-copy{display:flex;flex-direction:column;gap:24px}.hero-pill{margin:0;width:-moz-fit-content;width:fit-content;border-radius:999px;background:#ffffff14;color:#ffffffc7;font-size:12px;padding:6px 12px}.hero-title{margin:0;font-family:var(--font-display),"Noto Sans KR",sans-serif;color:var(--text-strong);font-size:clamp(38px,5.4vw,56px);line-height:1.06;letter-spacing:-.03em;text-wrap:balance}.hero-subtitle{margin:0;color:#ffffffb8;font-size:clamp(16px,1.8vw,18px);line-height:1.48}.hero-cta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-stats{margin:0;color:var(--text-muted);font-size:13px;line-height:1.5}.preview-panel{border-radius:24px;min-height:460px;background:#0b0b14;border:1px solid var(--stroke-tiny);display:flex;flex-direction:column;gap:12px;padding:16px;box-shadow:inset 0 0 0 1px #ffffff0a,0 34px 70px #00000055}.preview-header{min-height:32px;display:flex;align-items:center;justify-content:space-between;color:#ffffffcc;font-size:12px}.preview-meta{display:inline-flex;align-items:center;gap:8px}.fps-pill{border-radius:999px;background:#00e5ff22;color:var(--cyan);padding:4px 8px;font-size:11px}.meta-dot{width:8px;height:8px;border-radius:999px;background:var(--magenta)}.meta-muted{color:var(--text-muted);font-size:11px}.preview-canvas{position:relative;overflow:hidden;border-radius:16px;min-height:280px;background:radial-gradient(circle at 55% 35%,#ff2fd6aa 0,#00e5ff99 45%,#7a00ff88 75%,#050012ff 100%)}.shape{position:absolute;display:block;--rot:0deg;animation:shape-float 6.2s ease-in-out infinite alternate}.shape-cyan{left:0;top:29px;width:140px;height:140px;border-radius:44px;--rot:12deg;background:linear-gradient(45deg,#00e5ff,#005cff)}.shape-magenta{left:194px;top:0;width:260px;height:160px;border-radius:90px;--rot:-10deg;background:linear-gradient(120deg,#ff2fd6,#7a00ff);animation-delay:.8s}.shape-orange{left:450px;top:33px;width:320px;height:120px;border-radius:72px;--rot:6deg;background:linear-gradient(90deg,#ffb800,#ff2f7a);animation-delay:1.7s}.preview-timeline{min-height:72px;border-radius:16px;background:#ffffff08;padding:12px;display:flex;align-items:center;gap:8px}.clip{display:block;height:48px;border-radius:10px;animation:clip-beat 2.8s ease-in-out infinite}.clip-cyan{width:64px;background:#00e5ff66}.clip-purple{width:96px;background:#7a00ff66;animation-delay:.2s}.clip-magenta{width:72px;background:#ff2fd666;animation-delay:.38s}.clip-amber{width:88px;background:#ffb80055;animation-delay:.52s}.clip-cyan-fade{width:68px;background:#00e5ff33;animation-delay:.66s}.clip-pink-fade{width:76px;background:#ff2f7a44;animation-delay:.8s}.preview-hint{margin:0;color:#ffffff80;font-size:11px}.section-block{display:flex;flex-direction:column;gap:16px}.section-header{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.challenge-banner h2,.section-header h2,.tools-head h2{margin:0;color:var(--text-strong);font-size:20px;line-height:1.25;letter-spacing:-.01em}.section-link{color:var(--cyan);font-size:13px}.featured-grid,.tools-grid{display:grid;gap:16px}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-card{min-height:240px;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px;border:1px solid #ffffff12;transition:transform .22s var(--easing),border-color .22s var(--easing),box-shadow .22s var(--easing)}.featured-card:hover,.tool-card:hover{transform:translateY(-4px);border-color:#00e5ff66;box-shadow:0 20px 50px #05001280}.featured-card p,.tool-card p{margin:0;color:#ffffffb8;font-size:12px}.featured-card h3,.tool-card h3{margin:0;color:var(--text-strong);font-size:22px;letter-spacing:-.01em}.card-gradient-prism{background:linear-gradient(120deg,#00e5ff55,#7a00ff44 60%,#050012)}.card-gradient-liquid{background:linear-gradient(60deg,#ff2fd655,#ffb80033 55%,#050012)}.card-gradient-aurora{background:linear-gradient(135deg,#00e5ff44,#ff2f7a44 55%,#050012)}.tools-head{display:flex;flex-direction:column;gap:6px}.tools-head p{margin:0;color:var(--text-muted);font-size:14px}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{min-height:180px;border-radius:20px;border:1px solid #ffffff14;padding:16px;display:flex;flex-direction:column;gap:8px;transition:transform .22s var(--easing),border-color .22s var(--easing),box-shadow .22s var(--easing)}.tool-card h3{font-size:16px}.tool-card p{font-size:13px;color:var(--text-muted)}.tool-card-neutral{background:#ffffff0a}.tool-card-cyan{background:#00e5ff12}.tool-card-magenta{background:#ff2fd612}.tool-card-purple{background:#7a00ff12}.tool-card-amber{background:#ffb80012}.challenge-banner{border-radius:24px;min-height:180px;padding:24px;background:linear-gradient(90deg,#00e5ff22,#ff2fd622 55%,#7a00ff22);border:1px solid #ffffff1a;display:flex;align-items:center;justify-content:space-between;gap:16px}.challenge-banner p,.challenge-banner small{display:block;margin:8px 0 0}.challenge-banner p{color:#ffffffb8;font-size:14px}.challenge-banner small{color:var(--text-muted);font-size:13px}.art-footer{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.art-footer strong{font-size:18px;color:#ffffffcc}.footer-links{display:inline-flex;gap:20px}.footer-links a{font-size:12px;color:var(--text-muted)}.art-footer p{margin:0;color:#ffffff66;font-size:12px}@media (max-width:1280px){.top-menu{display:none}.hero-section{grid-template-columns:1fr;gap:24px}.preview-panel{width:min(640px,100%)}.featured-grid,.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.art-shell{width:min(1312px,calc(100vw - 32px));gap:56px}.search-pill{display:none}.hero-title{font-size:clamp(36px,10vw,48px)}.featured-grid,.tools-grid{grid-template-columns:1fr}.challenge-banner{align-items:flex-start;flex-direction:column}.shape-orange{left:auto;right:-36px}}@media (max-width:640px){.art-home{padding-top:20px}.art-header{align-items:flex-start;flex-direction:column}.button-compact,.header-actions,.hero-cta-row a{width:100%}.footer-links,.preview-timeline{flex-wrap:wrap}.footer-links{justify-content:center}}@keyframes blob-drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(32px,22px,0) scale(1.05)}}@keyframes blob-drift-b{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-28px,34px,0) scale(1.06)}}@keyframes blob-drift-c{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(34px,-26px,0) scale(1.04)}}@keyframes shape-float{0%{transform:translateY(-6px) rotate(var(--rot,0deg))}to{transform:translateY(8px) rotate(var(--rot,0deg))}}@keyframes clip-beat{0%,to{transform:translateY(0);opacity:.85}50%{transform:translateY(-2px);opacity:1}}@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/1d4eaed977255102-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f3f7e95f2dbc4fe4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Sora Fallback;src:local("Arial");ascent-override:85.29%;descent-override:25.50%;line-gap-override:0.00%;size-adjust:113.73%}.__className_ce197d{font-family:Sora,Sora Fallback;font-style:normal}.__variable_ce197d{--font-display:"Sora","Sora Fallback"}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope Fallback;src:local("Arial");ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.00%;size-adjust:103.19%}.__className_73ee6c{font-family:Manrope,Manrope Fallback;font-style:normal}.__variable_73ee6c{--font-body:"Manrope","Manrope Fallback"}