@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700&display=swap";:root{--primary: #1e293b;--primary-rgb: 30, 41, 59;--primary-light: #334155;--secondary: #fbbf24;--accent: #f59e0b;--bg-app: #0f172a;--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #94a3b8;--sidebar-bg: #1e293b;--header-border: rgba(255, 255, 255, .1);--input-bg: rgba(0, 0, 0, .2);--card-hover-shadow: rgba(0, 0, 0, .37);--step-border: rgba(16, 185, 129, .2);--formula-bg: rgba(0, 0, 0, .25);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05)}.space-y-4>*+*{margin-top:1rem}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;position:relative;width:100%}body{font-family:Inter,sans-serif;background:var(--bg-app);color:var(--text-main);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}h1,h2,h3,.brand{font-family:Outfit,sans-serif}.glass-card{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1.5rem;padding:2rem;transition:all .3s ease;box-shadow:0 4px 20px #0000000d}.glass-card:hover{border-color:#f59e0b4d;box-shadow:0 8px 32px #0000005e}.input-field{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:.75rem;padding:1rem;color:var(--text-main);font-size:1.1rem;width:100%;outline:none;transition:all .2s}.input-field:focus{border-color:var(--secondary)}.btn-primary{background:var(--secondary);color:var(--primary);font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;border:none;cursor:pointer;transition:transform .2s,background .2s}.btn-primary:hover{transform:translateY(-2px);background:var(--accent)}.table-row{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--glass-border)}.label-info{color:var(--text-muted);font-size:.9rem}.value-highlight{color:var(--secondary);font-weight:700;font-size:1.5rem}.calculation-memory{font-family:inherit;display:flex;flex-direction:column;gap:1.5rem}.calc-step{position:relative;padding-left:2.5rem;border-left:2px solid var(--step-border);margin-left:.75rem;padding-bottom:.5rem}.calc-step:before{content:"";position:absolute;left:-.55rem;top:0;width:1rem;height:1rem;background:var(--primary);border:2px solid #10b981;border-radius:50%;z-index:1}.calc-step:last-child{border-left-color:transparent;padding-bottom:0}.step-title{color:#10b981;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:block}.step-content{color:var(--text-muted);font-size:.95rem;line-height:1.5}.formula-box{background:var(--formula-bg);padding:1rem;border-radius:.75rem;border:1px solid var(--glass-border);margin-top:.75rem;font-family:Outfit,sans-serif}.formula-text{color:var(--text-main);font-weight:500}.result-highlight{color:#10b981;font-weight:700;font-size:1.1rem}.legal-notice{font-size:.85rem;color:var(--text-muted);font-style:italic;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(16,185,129,.1)}.app-wrapper{display:flex;min-height:100vh}.sidebar{width:280px;background:var(--sidebar-bg);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:.75rem 1.5rem;position:fixed;height:100vh;z-index:100;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent;transition:background .3s ease}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.main-content{flex:1;margin-left:280px;padding:2rem 3rem;width:calc(100% - 280px)}.sidebar-logo{margin-bottom:.1rem}.nav-links{display:flex;flex-direction:column;gap:.75rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1.25rem;border-radius:.75rem;color:var(--text-muted);text-decoration:none;border:none;background:transparent;width:100%;cursor:pointer;transition:all .2s;text-align:left;font-size:.95rem}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:var(--secondary);color:var(--primary);font-weight:700;box-shadow:0 4px 15px #fbbf2433}.dual-panel-grid{display:grid;grid-template-columns:450px 1fr;gap:2.5rem;align-items:start}.dual-panel-grid>*{min-width:0}@media(max-width:1200px){.dual-panel-grid{grid-template-columns:1fr}}.main-header{margin-bottom:3rem;display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--header-border)}.badge{padding:.35rem .85rem;border-radius:2rem;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.badge-amber{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--accent)}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{color:var(--secondary);font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem;text-align:center;text-transform:uppercase;opacity:.9}.hero-items-row{display:flex;gap:1.5rem;color:var(--text-main);font-size:.9rem;font-weight:700;letter-spacing:2px;margin-bottom:2rem;text-transform:uppercase;align-items:center;justify-content:center;flex-wrap:wrap}.charity-seal{position:absolute;bottom:1.5rem;color:var(--text-main);font-size:.8rem;font-weight:500;text-align:center;width:100%;padding:0 1rem;line-height:1.5;opacity:.8}.charity-seal-text{color:#fff;font-style:italic;font-weight:800;font-size:1.1rem;letter-spacing:1px}.welcome-container{min-height:100vh;min-height:100dvh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem;padding-bottom:5vh;color:var(--text-main);background:var(--bg-gradient);position:relative;overflow:hidden;z-index:1000;transition:background .3s ease}.welcome-bg-overlay{position:absolute;inset:0;background:linear-gradient(45deg,rgba(251,191,36,.05) 0%,transparent 70%);pointer-events:none}.hero-logo-box{margin-bottom:1.5rem}.hero-logo-text{font-family:Outfit,sans-serif;font-size:5rem;font-weight:800;letter-spacing:-2px;background:var(--text-main);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:-.5rem}.hero-brand-script{font-family:Great Vibes,cursive;font-size:6rem;color:#fbbf24;margin-left:2rem;text-shadow:0 10px 30px rgba(251,191,36,.3);margin-top:-3.5rem;font-weight:400}.hero-tagline{font-size:1.15rem;color:var(--text-main);max-width:600px;margin-bottom:3.5rem;line-height:1.6;z-index:10;font-weight:400;padding:0 1rem}.enter-button{padding:1.1rem 3.5rem;font-size:1rem;font-weight:700;color:#1e293b;background:#fbbf24;border:none;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 25px #fbbf2433;z-index:10;text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:.75rem}.enter-button:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 35px #fbbf2466;background:#fcd34d}.floating-finance-icons{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.6;pointer-events:none;color:var(--secondary)}.toggle-group{display:flex;background:#0003;padding:.4rem;border-radius:1rem;gap:.8rem;border:1px solid var(--glass-border);margin-bottom:2rem}.toggle-item{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.8rem;border-radius:.75rem;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;font-weight:500;font-size:.9rem}.toggle-item:hover{background:#ffffff0d;color:#fff}.toggle-item.active{background:var(--secondary);color:var(--primary);font-weight:700;box-shadow:0 4px 15px #fbbf2433}.toggle-item svg{transition:transform .3s ease}.toggle-item.active svg{transform:scale(1.1)}.notice-box{margin-top:1.5rem;padding:1.25rem;background:#1e3a8a33;border-radius:1rem;border:1px solid rgba(59,130,246,.2);display:flex;gap:1rem;color:#93c5fd;font-size:.85rem;line-height:1.6}.responsive-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.academic-item{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;border-radius:1rem;background:#ffffff08;border:1px solid var(--glass-border);transition:transform .2s}@media(max-width:768px){.responsive-grid-2{grid-template-columns:1fr;gap:1.5rem}.academic-item{padding:1rem;gap:1rem}.glass-card{padding:1.25rem!important}.mobile-title{font-size:1.8rem!important}}@media(max-width:768px){.sidebar{display:none}.main-content{padding:.75rem .75rem 7rem;width:100%;max-width:600px;margin:0 auto}.glass-card{padding:.85rem!important;border-radius:1rem;margin-bottom:1rem}.toggle-group{gap:.25rem;padding:.25rem;border-radius:.75rem;max-width:280px;margin:0 auto 1.5rem;justify-content:center}.toggle-item{flex:none;width:120px;padding:.65rem .25rem;font-size:.8rem;gap:.4rem;justify-content:center}.btn-primary{width:auto!important;min-width:200px;max-width:280px;margin:0 auto 2rem;display:block;padding:.85rem 1.5rem}.input-field{padding:.85rem;font-size:1rem;text-align:center}.dual-panel-grid{gap:.75rem}.main-header{flex-direction:column;gap:1rem;align-items:center;text-align:center;margin-bottom:1.5rem}.main-header .brand{font-size:1.4rem!important;text-align:center;width:100%}.glass-card h3{text-align:center;width:100%}.label-info{text-align:left;margin-bottom:.35rem;font-size:.85rem}.switch{transform:scale(.8);margin-right:-.8rem}.glass-card>div:first-child{justify-content:center!important;text-align:center}.dual-panel-grid{grid-template-columns:1fr;gap:1rem}.mobile-nav{display:block;position:fixed;bottom:0;left:0;right:0;background:#0f172af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);padding:.75rem .5rem;z-index:2000;box-shadow:0 -10px 40px #00000080}.mobile-tabs{display:flex;justify-content:space-around;align-items:center;max-width:500px;margin:0 auto;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none;-ms-overflow-style:none}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tab-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;background:transparent;border:none;color:var(--text-muted);font-size:.65rem;font-weight:500;padding:.5rem;border-radius:.75rem;min-width:60px;transition:all .3s}.mobile-tab-item.active{color:var(--secondary);background:#fbbf241a}.mobile-tab-item svg{width:20px;height:20px}.welcome-container{padding:1rem;padding-bottom:5vh}.hero-logo-box img{max-height:220px!important;margin-bottom:.5rem}.hero-subtitle{font-size:.75rem!important;padding:0 1.5rem;line-height:1.4}.hero-items-row{gap:.75rem!important;font-size:.75rem!important;margin-bottom:1.5rem!important}.hero-items-row span[style*="fontSize: '1.5rem'"]{font-size:1rem!important}.charity-seal{bottom:.75rem!important;font-size:.7rem!important}.charity-seal-text{font-size:.9rem!important}}@media(min-width:769px){.mobile-nav{display:none}}