.header-container{width:95%;max-width:1200px;margin:1rem auto;position:fixed;left:0;right:0;top:1rem;z-index:50;transition:all .3s ease;background-color:rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:1.5rem;padding:.5rem 1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);border:1px solid rgba(255,255,255,.5)}.header-container.scrolled,.header-container.menu-open{background-color:rgba(255,255,255,.95);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);border-color:var(--border-color)}.header-inner{width:100%;height:60px;display:flex;align-items:center;justify-content:center;position:relative}.nav-desktop{display:none}@media (min-width: 768px){.nav-desktop{display:flex;align-items:center;gap:.25rem}}.nav-link-desktop{position:relative;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;color:var(--text-secondary);white-space:nowrap}.nav-link-desktop:hover{color:var(--accent);background-color:#f9fafb}.nav-link-desktop.active{color:var(--accent);background-color:#eff6ff}.active-dot{position:absolute;bottom:.375rem;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:var(--accent);border-radius:50%}.menu-btn{display:block;padding:.5rem;color:var(--text-secondary);background:transparent;border:none;border-radius:.75rem;cursor:pointer;transition:background-color .2s;position:absolute;right:0}.menu-btn:hover{background-color:#f3f4f6}.menu-btn:active{transform:scale(.95)}@media (min-width: 768px){.menu-btn{display:none}}.nav-mobile-container{display:block;position:absolute;width:100%;left:0;top:100%;margin-top:.5rem;background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease-in-out;max-height:0;opacity:0;border:1px solid var(--border-color)}@media (min-width: 768px){.nav-mobile-container{display:none}}.nav-mobile-container.open{max-height:400px;opacity:1}.nav-mobile-list{display:flex;flex-direction:column;padding:1rem;gap:.5rem}.nav-link-mobile{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:.75rem;font-weight:500;text-decoration:none;transition:all .2s;color:var(--text-secondary)}.nav-link-mobile:hover{background-color:#f9fafb;transform:translate(4px)}.nav-link-mobile.active{background-color:#eff6ff;color:var(--accent);transform:translate(8px)}.nav-icon{color:#9ca3af}.nav-link-mobile.active .nav-icon{color:var(--accent)}:root{--bg-dark: #ffffff;--bg-light: #f2f2f2;--bg-gray: #e5e5e5;--text-primary: #000000;--text-secondary: #000000;--accent: #A7C7FF;--accent-text: #000000;--secondary: #FF9EAA;--secondary-text: #000000;--important: #A7C7FF;--important-text: #000000;--status-success: #A7F3D0;--status-warning: #FFE28A;--status-error: #FFB4B4;--status-disabled: #D3D3D3;--border-color: #d4d4d4;--card-bg: #ffffff;--shadow: rgba(0, 0, 0, .1);--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}body.light{--bg-dark: #ffffff;--bg-gray: #f4f4f5;--text-primary: #0f0f0f;--text-secondary: #555555;--accent: #A7C7FF;--border-color: #e5e5e5;--card-bg: #fafafa;--shadow: rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:Inter,SF Pro Display,Roboto,sans-serif;background-color:var(--bg-light);color:var(--text-primary);line-height:1.6;min-height:100vh;display:flex;justify-content:center;align-items:center}#root{width:100%;max-width:600px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}h1,h2,h3{color:var(--text-primary);letter-spacing:-.02em}h1{font-size:3.2rem;font-weight:800;margin-bottom:1rem;line-height:1.1}h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem}h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}p{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.card{padding:2rem;border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 10px 30px var(--shadow);margin-bottom:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:1rem 1.6rem;border-radius:var(--radius-md);font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:.2s ease;gap:10px}.btn:disabled{background-color:var(--status-disabled);color:#666;cursor:not-allowed;opacity:.7;box-shadow:none}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);opacity:.9;box-shadow:0 5px 15px rgba(167,199,255,.3)}.btn-secondary{background:var(--secondary);color:var(--secondary-text);border:none}.btn-secondary:hover:not(:disabled){transform:translateY(-2px);opacity:.9;box-shadow:0 5px 15px rgba(255,158,170,.3)}.btn-important{background:var(--important);color:var(--important-text)}.btn-important:hover:not(:disabled){transform:translateY(-2px);opacity:.9;box-shadow:0 5px 15px rgba(199,168,255,.3)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover:not(:disabled){border-color:var(--text-primary);color:var(--text-primary)}.input-group{margin-bottom:1.5rem;width:100%}.input-label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}.input-field{width:100%;padding:1rem;background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;color:var(--text-primary);outline:none;transition:border-color .2s;text-align:center}.input-field:focus{border-color:var(--accent)}.checkbox-wrapper{display:flex;align-items:center;gap:12px;cursor:pointer;padding:1rem;border-radius:var(--radius-md);border:1px solid transparent;transition:background .2s}.checkbox-wrapper:hover{background-color:var(--bg-gray)}.checkbox-custom{width:24px;height:24px;border-radius:6px;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:all .2s}input[type=checkbox]:checked+.checkbox-custom{background-color:var(--accent);border-color:var(--accent);color:#000}.list-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-gray);border-radius:var(--radius-md);margin-bottom:.8rem;border:1px solid var(--border-color);color:var(--text-primary)}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.badge-success{background:rgba(53,224,200,.1);color:var(--accent);border:1px solid var(--accent);padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600}select.input-field{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2335e0c8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-\[3\]{flex:3}.flex-\[1\]{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.p-2{padding:.5rem}.p-4{padding:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.rounded-full{border-radius:9999px}.opacity-20{opacity:.2}.blur-3xl{filter:blur(64px)}.font-black{font-weight:900}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-red-500{color:#ef4444}.bg-red-50{background-color:#fef2f2}.text-red-600{color:#dc2626}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-white{--tw-gradient-from: #fff;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))}.to-gray-400{--tw-gradient-to: #9ca3af}.text-orange-500{color:#f97316}