:root{--bg-color: #0d0f1a;--sidebar-bg: #131521;--text-primary: #ffffff;--text-secondary: #a0a4cc;--accent-color: #00f2fe;--accent-secondary: #8c25f4;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--ad-bg: rgba(0, 242, 254, .05);--input-bg: rgba(0, 0, 0, .2);--transition-speed: .3s}.light-mode{--bg-color: #f0f2f5;--sidebar-bg: #ffffff;--text-primary: #1a1c23;--text-secondary: #64748b;--accent-color: #0ea5e9;--accent-secondary: #7c3aed;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .05);--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ad-bg: rgba(14, 165, 233, .05);--input-bg: #f8fafc}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15% 50%,rgba(140,37,244,.08) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(0,242,254,.08) 0%,transparent 50%);background-attachment:fixed;min-height:100vh;transition:background-color var(--transition-speed),color var(--transition-speed)}.light-mode body{background-image:radial-gradient(circle at 15% 50%,rgba(124,58,237,.03) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(14,165,233,.03) 0%,transparent 50%)}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:250px;background-color:var(--sidebar-bg);border-right:1px solid var(--glass-border);padding:2rem 1rem;display:flex;flex-direction:column;transition:background-color var(--transition-speed),border-color var(--transition-speed)}.logo-container{display:flex;align-items:center;gap:12px;margin-bottom:3rem;padding:0 1rem}.logo-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-color))}.logo-container h2{font-size:1.25rem;font-weight:600;letter-spacing:-.5px}.nav-menu{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 1rem;color:var(--text-secondary);text-decoration:none;border-radius:12px;transition:all .3s ease;font-weight:500}.nav-item:hover{background-color:#ffffff08;color:var(--text-primary)}.nav-item.active{background:linear-gradient(90deg,rgba(0,242,254,.1),transparent);color:var(--accent-color);border-left:3px solid var(--accent-color);border-top-left-radius:0;border-bottom-left-radius:0}.main-content{flex:1;padding:2.5rem 3rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto}.page-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(to right,#fff,#a0a4cc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-header p{color:var(--text-secondary);font-size:1rem}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;box-shadow:var(--glass-shadow)}.calculator-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.inputs-section{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input-group input{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1rem;color:var(--text-primary);font-size:1.1rem;font-family:inherit;transition:all var(--transition-speed) ease;outline:none}.input-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #00f2fe33}.visualization-section{display:flex;flex-direction:column}.hero-metric{margin-bottom:2rem}.hero-metric h3{font-size:1rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.hero-metric h2{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.chart-container{flex:1;min-height:300px;width:100%}.ad-container{background:var(--ad-bg);border:1px dashed var(--accent-secondary);border-radius:16px;position:relative;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center}.leaderboard-ad{width:100%;min-height:90px;margin-top:1rem}.ad-label{position:absolute;top:4px;right:12px;font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.ad-placeholder-content{color:var(--accent-color);font-weight:500;letter-spacing:.5px}.glass-card.interactive:hover{transform:translateY(-5px) scale(1.02)!important;background:#ffffff26;border-color:var(--accent-color)}.light-mode .glass-card.interactive:hover{background:#fffffff2;box-shadow:0 10px 25px #0000001a}@media(max-width:1024px){.calculator-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--glass-border);padding:1rem}.nav-menu{flex-direction:row;overflow-x:auto}.main-content{padding:1.5rem}.hero-metric h2{font-size:2.5rem}}.blog-guide-container{animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.faq-section{transition:all .3s ease}.faq-section:hover{border-color:var(--accent-color)!important;background:#ffffff0d!important}.lead-capture-card{position:relative;overflow:hidden}.lead-capture-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,242,254,.05) 0%,transparent 70%);pointer-events:none}.guide-image img{transition:transform .5s ease}.guide-image:hover img{transform:scale(1.05) rotate(2deg)}@media(max-width:900px){.guide-content-wrapper{flex-direction:column!important;text-align:center}.guide-text{flex:1 1 auto!important}}