*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#10b981;--primary-light:#34d399;--primary-dark:#059669;--secondary:#14b8a6;--accent:#fbbf24;--accent-orange:#f97316;--dark:#1f2937;--text:#374151;--text-light:#6b7280;--text-muted:#9ca3af;--white:#ffffff;--background:#fafafa;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--focus-color:#10b981;--focus-outline:3px solid var(--focus-color);--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-green:0 10px 30px rgba(16, 185, 129, 0.3);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:all 0.15s ease;--transition:all 0.3s ease;--transition-slow:all 0.5s ease}body{font-family:"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif;line-height:1.6;color:var(--text);background:var(--background);font-size:17px;font-weight:400;overflow-x:hidden}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:var(--white);padding:12px 24px;text-decoration:none;font-weight:600;z-index:10000;border-radius:0 0 8px 0;font-size:16px}.skip-link:focus{top:0;outline:var(--focus-outline);outline-offset:2px}.container{min-height:100vh}.header{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);transition:var(--transition)}.header.scrolled{background:rgba(255,255,255,.98);box-shadow:var(--shadow-md)}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;color:var(--dark);text-decoration:none;padding:.5rem;border-radius:var(--radius-md);transition:var(--transition)}.logo:hover{transform:scale(1.02)}.logo:focus{outline:var(--focus-outline);outline-offset:2px}.logo-image{height:2rem;width:auto}.nav{display:flex;gap:.5rem}.nav a{text-decoration:none;color:var(--text);font-weight:500;font-size:1rem;padding:.75rem 1.25rem;border-radius:var(--radius-md);transition:var(--transition);min-height:44px;display:flex;align-items:center}.nav a:hover{color:var(--primary);background:var(--gray-100);transform:translateY(-1px)}.nav a:focus{outline:var(--focus-outline);outline-offset:2px}.mobile-menu-toggle{display:none;flex-direction:column;background:0 0;border:2px solid var(--gray-300);cursor:pointer;padding:.625rem;gap:.3rem;border-radius:var(--radius-md);min-width:48px;min-height:48px;align-items:center;justify-content:center;transition:var(--transition)}.mobile-menu-toggle:hover{border-color:var(--primary)}.mobile-menu-toggle:focus{outline:var(--focus-outline);outline-offset:2px}.mobile-menu-toggle span{width:1.5rem;height:2px;background:var(--text);transition:var(--transition);border-radius:2px}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(.35rem,.35rem)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(.35rem,-.35rem)}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);border-bottom:1px solid var(--gray-200);padding:1rem 2rem;flex-direction:column;gap:.5rem;box-shadow:var(--shadow-md)}.mobile-nav.active{display:flex;animation:slideDown .3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav a{text-decoration:none;color:var(--text);font-weight:500;font-size:1.125rem;padding:1rem 1.25rem;border-radius:var(--radius-md);transition:var(--transition);min-height:52px;display:flex;align-items:center}.mobile-nav a:hover{color:var(--primary);background:var(--gray-100)}.mobile-nav a:focus{outline:var(--focus-outline);outline-offset:2px}.hero-bg-animated{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:morphOrb 20s ease-in-out infinite}.orb-1{width:500px;height:500px;top:-200px;left:-200px;background:radial-gradient(circle,rgba(16,185,129,.4) 0,rgba(16,185,129,0) 70%);animation-delay:0s;animation-duration:25s}.orb-2{width:400px;height:400px;top:30%;right:-150px;background:radial-gradient(circle,rgba(20,184,166,.3) 0,rgba(20,184,166,0) 70%);animation-delay:3s;animation-duration:20s}.orb-3{width:600px;height:600px;bottom:-250px;left:20%;background:radial-gradient(circle,rgba(251,191,36,.25) 0,rgba(251,191,36,0) 70%);animation-delay:6s;animation-duration:30s}.orb-4{width:350px;height:350px;top:50%;right:30%;background:radial-gradient(circle,rgba(52,211,153,.3) 0,rgba(52,211,153,0) 70%);animation-delay:2s;animation-duration:22s}@keyframes morphOrb{0%,100%{transform:translate(0,0) scale(1);opacity:.5}25%{transform:translate(60px,-80px) scale(1.2);opacity:.7}50%{transform:translate(-40px,-120px) scale(.9);opacity:.4}75%{transform:translate(80px,-100px) scale(1.1);opacity:.6}}@keyframes slideIn{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes textReveal{from{opacity:0;transform:translateY(30px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-slide-in{animation:slideIn .8s ease-out forwards;opacity:0}.animate-text-reveal .text-line{display:inline-block;animation:textReveal 1s ease-out forwards;opacity:0}.animate-scale-in{animation:scaleIn 1s ease-out forwards;opacity:0}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:100vh;max-width:1200px;margin:0 auto;padding:6rem 2rem 4rem}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.5rem}.hero-badge{position:relative;display:inline-flex;align-items:center;gap:.625rem;padding:.625rem 1.25rem .625rem 1.75rem;background:linear-gradient(135deg,rgba(16,185,129,.1) 0,rgba(20,184,166,.1) 100%);border:2px solid rgba(16,185,129,.3);border-radius:var(--radius-full);color:var(--primary);font-size:.9375rem;font-weight:600;width:fit-content;box-shadow:0 0 20px rgba(16,185,129,.2);overflow:hidden}.badge-pulse{position:absolute;left:.75rem;width:8px;height:8px;background:var(--primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero-badge::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-100%);animation:shimmer 3s infinite}@keyframes shimmer{to{transform:translateX(100%)}}.hero-badge i{font-size:1rem;position:relative;z-index:1}.hero-content h1{font-size:3.5rem;font-weight:800;line-height:1.2;color:var(--dark);letter-spacing:-.02em}.hero-description{font-size:1.125rem;color:var(--text-light);line-height:1.7;max-width:540px}.hero-buttons{display:flex;gap:1rem;margin-top:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 2rem;border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:1rem;transition:var(--transition);border:2px solid transparent;cursor:pointer;min-height:52px;position:relative}.btn:focus{outline:var(--focus-outline);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--white);box-shadow:var(--shadow-green);overflow:hidden}.btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0,transparent 100%);opacity:0;transition:var(--transition)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-light) 0,var(--primary) 100%);box-shadow:var(--shadow-2xl),0 0 40px rgba(16,185,129,.4);transform:translateY(-2px)}.btn-primary:hover::before{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--white);color:var(--text);border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-1px)}.hero-features{display:flex;gap:2rem;margin-top:1.5rem}.hero-feature{display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.9375rem;font-weight:500;transition:var(--transition)}.hero-feature:hover{color:var(--primary);transform:translateX(3px)}.hero-feature i{color:var(--primary);font-size:1.125rem}.hero-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;z-index:1}.hero-image{width:100%;max-width:500px;position:relative}.hero-illustration-img{width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(16, 185, 129, .15));animation:float-gentle 6s ease-in-out infinite}@keyframes float-gentle{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-svg{width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(16, 185, 129, .15))}.kiosk-body{animation:float-gentle 6s ease-in-out infinite}.kiosk-screen{animation:screen-glow 3s ease-in-out infinite}@keyframes screen-glow{0%,100%{opacity:1}50%{opacity:.85}}.pulse-icon{transform-origin:200px 180px;animation:icon-pulse 2s ease-in-out infinite}@keyframes icon-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.icon-circle-inner,.icon-circle-middle,.icon-circle-outer{animation:ripple 2s ease-out infinite}.icon-circle-outer{animation-delay:0s}.icon-circle-middle{animation-delay:.3s}.icon-circle-inner{animation-delay:.6s}@keyframes ripple{0%{r:30;opacity:.2}50%{r:55;opacity:.05}100%{r:70;opacity:0}}.accessibility-icon{animation:icon-glow 2s ease-in-out infinite}@keyframes icon-glow{0%,100%{opacity:1}50%{opacity:.7}}.status-indicator{animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}.main-button{animation:button-pulse 2s ease-in-out infinite}@keyframes button-pulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.1)}}.float-fast,.float-medium,.float-slow{animation:float-circle 8s ease-in-out infinite}.float-medium{animation-delay:1s;animation-duration:6s}.float-fast{animation-delay:2s;animation-duration:5s}@keyframes float-circle{0%,100%{transform:translateY(0) translateX(0)}25%{transform:translateY(-15px) translateX(10px)}50%{transform:translateY(-5px) translateX(-10px)}75%{transform:translateY(-20px) translateX(5px)}}.floating-icon-enhanced{position:absolute;width:64px;height:64px;background:linear-gradient(135deg,var(--white) 0,var(--gray-50) 100%);border:3px solid var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg),0 0 20px rgba(16,185,129,.3);left:50%;top:50%;animation:orbitFloat 8s ease-in-out infinite}.floating-icon-enhanced i{font-size:1.75rem;color:var(--primary)}.orbit-icon-1{margin-left:-120px;margin-top:-100px;animation-delay:0s}.orbit-icon-2{margin-left:100px;margin-top:-80px;animation-delay:2s}.orbit-icon-3{margin-left:-110px;margin-top:120px;animation-delay:4s}.orbit-icon-4{margin-left:110px;margin-top:140px;animation-delay:6s}@keyframes orbitFloat{0%,100%{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-30px) rotate(5deg) scale(1.05)}50%{transform:translateY(-15px) rotate(-5deg) scale(.95)}75%{transform:translateY(-40px) rotate(3deg) scale(1.02)}}.wave-animation{animation:wave 2s ease-in-out infinite}@keyframes wave{0%,100%{opacity:.5;transform:translateX(0)}50%{opacity:.8;transform:translateX(5px)}}.pointing-arm{animation:point 1.5s ease-in-out infinite}@keyframes point{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.features{padding:6rem 2rem;max-width:1200px;margin:0 auto;background:var(--white)}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:800;color:var(--dark);margin-bottom:1rem;letter-spacing:-.02em}.section-header p{font-size:1.125rem;color:var(--text-light)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.feature-card{padding:2rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);transition:var(--transition)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--primary)}.feature-icon{width:3rem;height:3rem;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.feature-icon i{font-size:1.5rem;color:var(--white)}.feature-card h3{font-size:1.25rem;font-weight:700;color:var(--dark);margin-bottom:.75rem}.feature-card p{color:var(--text-light);line-height:1.6;font-size:.9375rem}.download-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.env-selector{display:flex;justify-content:center;gap:.5rem;margin-bottom:3rem;flex-wrap:wrap;background:var(--gray-100);padding:.5rem;border-radius:var(--radius-md);max-width:600px;margin-left:auto;margin-right:auto}.env-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:0 0;border:none;border-radius:var(--radius-md);color:var(--text);cursor:pointer;transition:var(--transition);font-weight:600;font-size:1rem;min-height:48px}.env-button:focus{outline:var(--focus-outline);outline-offset:2px}.env-button:hover:not(.active){background:var(--white);color:var(--primary)}.env-button.active{background:var(--primary);color:var(--white)}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.download-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:2rem;transition:var(--transition);box-shadow:var(--shadow-sm)}.download-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--primary)}.card-header{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.platform-icon{width:3.5rem;height:3.5rem;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.platform-icon i{font-size:1.75rem;color:var(--white)}.card-title{flex:1}.card-title h3{font-size:1.25rem;font-weight:700;color:var(--dark);margin-bottom:.25rem}.card-subtitle{font-size:.875rem;color:var(--text-light)}.card-body{display:flex;flex-direction:column;gap:1rem}.version-info{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-muted);padding:.75rem 1rem;background:var(--gray-50);border-radius:var(--radius-sm)}.version-info .version{font-weight:700;color:var(--primary)}.download-btn{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 2rem;background:var(--primary);color:var(--white);border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;text-decoration:none;transition:var(--transition);min-height:52px;box-shadow:var(--shadow)}.download-btn:focus{outline:var(--focus-outline);outline-offset:2px}.download-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.install-note{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--text-light);font-size:.875rem}.install-note i{color:var(--primary)}.install-note.admin-required{background:linear-gradient(135deg,rgba(249,115,22,.1) 0,rgba(251,191,36,.1) 100%);border:2px solid var(--accent-orange);color:var(--accent-orange);font-weight:600;box-shadow:0 0 20px rgba(249,115,22,.15);animation:admin-pulse 2s ease-in-out infinite}.install-note.admin-required i{color:var(--accent-orange);font-size:1rem}@keyframes admin-pulse{0%,100%{box-shadow:0 0 20px rgba(249,115,22,.15)}50%{box-shadow:0 0 30px rgba(249,115,22,.25)}}.feature-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.375rem .75rem;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--text);font-size:.8125rem;font-weight:500}.support{padding:6rem 2rem;max-width:1200px;margin:0 auto;background:var(--white)}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:800;color:var(--dark);margin-bottom:1rem;letter-spacing:-.02em}.section-header p{font-size:1.125rem;color:var(--text-light)}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.support-card{padding:2rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);text-align:center;transition:var(--transition)}.support-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--primary);background:var(--white)}.support-icon{width:4rem;height:4rem;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.support-icon i{font-size:2rem;color:var(--white)}.support-card h3{font-size:1.25rem;font-weight:700;color:var(--dark);margin-bottom:.75rem}.support-card p{color:var(--text-light);margin-bottom:1.5rem;line-height:1.6;font-size:.9375rem}.support-link{color:var(--primary);text-decoration:none;font-weight:600;font-size:1rem;transition:var(--transition);padding:.5rem 1rem;border-radius:var(--radius-sm);display:inline-block;min-height:44px;line-height:1.5}.support-link:focus{outline:var(--focus-outline);outline-offset:2px}.support-link:hover{color:var(--primary-dark);background:var(--gray-100)}.footer{background:var(--dark);padding:3rem 2rem 2rem;color:var(--gray-300)}.footer-content{max-width:1200px;margin:0 auto;margin-bottom:2rem}.footer-logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;color:var(--white);margin-bottom:1rem}.footer-logo-image{height:2rem;width:auto}.footer-section p{color:var(--gray-300);font-size:1rem;line-height:1.6;max-width:400px}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:var(--gray-400);font-size:.875rem;max-width:1200px;margin:0 auto}.scroll-fade-in,.scroll-slide-up{opacity:0;transition:opacity .8s ease,transform .8s ease}.scroll-fade-in.visible{opacity:1}.scroll-slide-up{transform:translateY(30px)}.scroll-slide-up.visible{opacity:1;transform:translateY(0)}.ripple-effect{position:absolute;border-radius:50%;background:rgba(255,255,255,.6);transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (prefers-contrast:high){:root{--primary:#065f46;--text:#000000}.btn,.download-btn,.download-card,.support-card{border-width:3px}}@media (max-width:768px){.hero{grid-template-columns:1fr;padding:6rem 1.5rem 4rem;gap:3rem}.hero-content{text-align:center;align-items:center}.hero-content h1{font-size:2.5rem}.hero-description{font-size:1rem}.hero-buttons{flex-direction:column;width:100%}.btn{width:100%}.hero-features{flex-direction:column;gap:1rem;align-items:center}.nav{display:none}.mobile-menu-toggle{display:flex}.section-header h2{font-size:2rem}.download-grid,.features-grid,.support-grid{grid-template-columns:1fr}.download-section,.features,.support{padding:4rem 1.5rem}.floating-icons-orbit{display:none}}@media (max-width:480px){.hero-content h1{font-size:2rem}.section-header h2{font-size:1.75rem}}@media print{.floating-icons-orbit,.footer,.header,.hero-bg-animated,.hero-image,.mobile-menu-toggle{display:none}body{color:#000;background:#fff}}