@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--secondary-500:#8b5cf6;--secondary-600:#7c3aed;--success-500:#10b981;--success-600:#059669;--warning-500:#f59e0b;--error-500:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--radius-sm:0.25rem;--radius:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--gray-700);background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:var(--primary-600)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.text-gray-900{color:var(--gray-900)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1}.btn-primary{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-700) 0,var(--primary-800) 100%);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.container{max-width:1200px}.container,.container-wide{margin:0 auto;padding:0 var(--space-4)}.container-wide{max-width:1400px}.section{padding:var(--space-20) 0}.section-sm{padding:var(--space-12) 0}.section-lg{padding:var(--space-24) 0}.hero{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.feature-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--gray-100)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-500) 0,var(--secondary-500) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:var(--space-4)}.pricing-card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-8);position:relative;transition:all .3s ease}.pricing-card.featured{border-color:var(--primary-600);transform:scale(1.05);box-shadow:var(--shadow-xl)}.pricing-card.featured:before{content:"인기";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--primary-600);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hero{text-align:center;padding:var(--space-16) 0}.container{padding:0 var(--space-4)}.text-6xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-2xl)}}@media (max-width:480px){.section{padding:var(--space-12) 0}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}}.processingStatusBar{margin-top:var(--space-4);padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:var(--space-2);box-shadow:0 4px 12px rgba(37,99,235,.3);animation:pulse 2s infinite}.processingStatusText{color:#fff;font-size:var(--font-size-sm);font-weight:500;text-align:center;margin-bottom:var(--space-2);letter-spacing:.025em}.processingProgressBar{width:100%;height:8px;background-color:hsla(0,0%,100%,.2);border-radius:4px;overflow:hidden}.processingProgressFill{height:100%;background:linear-gradient(90deg,#fff,#e0e7ff);border-radius:3px;transition:width .3s ease;position:relative}.processingProgressFill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shimmer 2s infinite}.processingProgressFillInfinite{height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8) 25%,#fff 50%,hsla(0,0%,100%,.8) 75%,transparent);border-radius:4px;animation:infiniteProgress 1.5s linear infinite;position:relative;width:40%}.processingProgressFillInfinite:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 25%,hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,.3) 75%,transparent);border-radius:4px;animation:infiniteProgress 1.5s linear infinite reverse}.processingProgressText{color:#fff;font-size:var(--font-size-xs);font-weight:600;text-align:center;opacity:.9}@keyframes pulse{0%,to{box-shadow:0 4px 12px rgba(37,99,235,.3)}50%{box-shadow:0 4px 20px rgba(37,99,235,.5)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes infiniteProgress{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}