:root{--primary: #4361ee;--secondary: #3a0ca3;--accent: #f72585;--text: #ffffff;--text-light: #8d99ae;--bg: linear-gradient(135deg, #1e3c72, #2a5298);--card-bg: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .2)}body{font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:#fff;margin:0;padding:0;line-height:1.6;overflow-x:hidden}header{background:#000000b3;padding:15px 20px;position:fixed;width:calc(100% - 20px);top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;position:absolute;right:10px}.logo-container{display:flex;align-items:center;gap:10px}.logo{width:40px;height:40px;border-radius:50%}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;color:transparent}nav ul{display:flex;list-style:none;gap:20px;margin:0;padding:0}nav a{color:#fff;text-decoration:none;font-weight:500;padding:5px 10px;border-radius:5px;transition:all .3s ease}nav a:hover{background:#fff3}main{max-width:1000px;margin:80px auto 40px;padding:20px}h1,h2,h3{color:#fff;margin-top:0}h1{font-size:2.5rem;margin-bottom:30px;background:linear-gradient(90deg,#4cc9f0,#f72585);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}h2{font-size:1.8rem;margin:40px 0 20px;border-bottom:2px solid var(--accent);padding-bottom:10px;display:inline-block}h3{font-size:1.4rem;margin:30px 0 15px;color:#4cc9f0}.card{background:var(--card-bg);border-radius:10px;padding:20px;margin-bottom:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--border);box-shadow:0 8px 32px #0003;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000004d}table{border-collapse:collapse;margin:20px 0;background:#ffffff1a;border-radius:8px;overflow:hidden}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border)}th{background:#0000004d;font-weight:600;color:#4cc9f0}tr:hover{background:#ffffff0d}.data-table{width:100%;margin:20px 0;background:#0003;border-radius:8px;overflow:hidden}.data-table th,.data-table td{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.data-table th{background:#0006;font-weight:600;color:#4cc9f0}.data-table tr:last-child td{border-bottom:none}pre{background:#0000004d;padding:15px;border-radius:8px;overflow-x:auto;font-family:Courier New,monospace;border-left:3px solid var(--accent);white-space:pre-wrap;word-wrap:break-word}code{color:#f8f8f2}ul{padding-left:20px}li{margin-bottom:8px}.calculation-steps{background:#0003;padding:15px;border-radius:8px;margin:20px 0}.step{margin-bottom:10px;padding-left:20px;position:relative}.step:before{content:"→";position:absolute;left:0;color:#f72585}.formula{font-family:Courier New,monospace;background:#0000004d;padding:2px 5px;border-radius:3px;color:#4cc9f0}.visualization{margin:30px 0;background:#0003;padding:20px;border-radius:10px;position:relative}.metric-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:20px 0}.metric{text-align:center;background:#0003;padding:15px;border-radius:8px}.metric-value{font-size:1.2rem;font-weight:700;display:block;margin-bottom:5px}.metric-label{font-size:.9rem;color:var(--text-light);display:block}.insights-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin:20px 0}.insight-card{background:#0000004d;border-radius:8px;padding:15px;border-left:4px solid var(--primary);display:flex;gap:10px}.insight-card.success{border-left-color:#2ecc71}.insight-card.info{border-left-color:#3498db}.insight-card.warning{border-left-color:#f39c12}.insight-card.danger{border-left-color:#e74c3c}.insight-card.tip{border-left-color:#9b59b6}.insight-icon{font-size:1.5rem;flex-shrink:0}.insight-content{flex-grow:1}.insight-content h4{margin:0 0 5px;font-size:1.1rem}.insight-content p{margin:0;font-size:.9rem;color:var(--text-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate{animation:fadeIn .6s ease forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}footer{text-align:center;background:#000000b3;position:fixed;bottom:0;width:100%;height:55px;display:flex;flex-direction:column;justify-content:center}#copyright{padding:0;margin:0;font-size:.9rem}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:5px}.footer-links a{color:#8d99ae;text-decoration:none;transition:color .3s ease;font-size:.8rem}.footer-links a:hover{color:#fff}a{color:#4cc9f0;text-decoration:none;transition:color .3s ease}a:hover{color:#0ff;text-decoration:underline}.highlight{background:#4cc9f033;padding:2px 5px;border-radius:3px;border-left:3px solid #4cc9f0}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted #4cc9f0;cursor:help}.tooltip .tooltiptext{visibility:hidden;width:200px;background-color:#000c;color:#fff;text-align:center;border-radius:6px;padding:10px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}#donate{text-align:center;margin:40px 0;padding:20px;background:#0003;border-radius:10px;box-shadow:0 8px 32px #0003}#donate h2{font-size:2rem;color:#4cc9f0;margin-bottom:15px}#donate p{font-size:1rem;color:var(--text-light);margin-bottom:20px;line-height:1.6}.donate-button{display:inline-block;padding:12px 25px;background:linear-gradient(90deg,#4caf50,#2ecc71);color:#fff;text-decoration:none;font-size:1rem;font-weight:700;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 10px #0003}.donate-button:hover{background:linear-gradient(90deg,#45a049,#27ae60);box-shadow:0 6px 15px #0000004d;transform:translateY(-2px)}@media (max-width: 768px){header{padding:10px}main{padding:20px 15px;margin-top:70px}h1{font-size:2rem}h2{font-size:1.5rem}nav ul{gap:10px;flex-wrap:wrap;justify-content:center}.card{padding:15px}.insights-list,.metric-group{grid-template-columns:1fr}footer{height:auto;padding:10px 0}.nav-toggle{display:block}nav ul{flex-direction:column;gap:10px;margin-right:0;display:none;position:absolute;top:60px;left:0;width:100%;background:#000000e6;padding:10px 0}nav ul.show{display:flex}nav ul li{display:block;text-align:end;padding:0 10px}nav ul li a{font-size:16px}.logo-container{margin-bottom:10px}table{table-layout:fixed;word-wrap:break-word}td{word-wrap:break-word;white-space:normal}#donate{padding:15px}#donate h2{font-size:1.8rem}#donate p{font-size:.9rem}.donate-button{font-size:.9rem;padding:10px 20px}}