:root{color-scheme:only light!important;--bg-color: #0f172a;--card-bg: #ffffff;--tab-bg: #1e293b;--accent-color: #c2a36b;--accent-hover: #b3925a;--text-primary: #0f172a;--text-secondary: #475569;--text-white: #ffffff;--text-muted: #cbd5e1;--border-color: #e2e8f0;--border-dark: #334155;--input-bg: #f8fafc;--input-focus: #c2a36b;--net-logo-color: #ffffff}@media (min-width: 1024px){:root{--net-logo-color: #0f172a}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color)!important;color:var(--text-white)!important;font-family:Pretendard,sans-serif;line-height:1.5;overflow-x:hidden;min-height:100vh}input,button,.tab-button,select{transition:all .2s ease-in-out}input,textarea,select{color:var(--text-primary)!important;background-color:var(--input-bg)!important}.tab-button{color:var(--text-muted);font-weight:700;border:1.5px solid var(--border-dark)!important;background-color:var(--tab-bg)}.active-tab-style{background-color:var(--accent-hover)!important;color:var(--text-white)!important;border-color:var(--accent-hover)!important;box-shadow:0 4px 12px #b3925a4d}input:focus,select:focus{border-color:var(--input-focus)!important;box-shadow:0 0 0 3px #c2a36b33!important;outline:none}input::placeholder{color:#94a3b8!important;opacity:.8;font-weight:500}.responsive-layout{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:20px;gap:32px}.left-panel,.right-panel{width:100%}@media (max-width: 1023px){.desktop-only-panel{display:none!important}}@media (min-width: 1024px){.responsive-layout{flex-direction:row;align-items:flex-start;justify-content:center;padding:60px 40px;gap:40px}.left-panel{flex:1.5;max-width:650px;background-color:var(--card-bg);color:var(--text-primary);border-radius:28px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.right-panel{flex:1;max-width:400px;position:sticky;top:60px}.mobile-only-footer{display:none!important}}.responsive-logo-net{color:var(--net-logo-color)!important}.responsive-subtitle{color:var(--text-muted)!important}@media (min-width: 1024px){.responsive-subtitle{color:var(--text-secondary)!important}}.logo-net-on-dark{color:#fff!important}.logo-net-on-light{color:var(--text-primary)!important}label,.input-label{color:#475569!important}.unit-text,span[style*=unit]{color:#64748b!important}@media (min-width: 1024px){label,.input-label{color:#1e293b!important}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.custom-scrollbar::-webkit-scrollbar{height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes punchyPopUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-slide-up{animation:punchyPopUp .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{animation:spin 1s linear infinite}@keyframes pulseFade{0%,to{opacity:1}50%{opacity:.5}}.loading-pulse{animation:pulseFade 1.5s ease-in-out infinite}
