.btn-primary,.btn-secondary,.example-card{cursor:pointer;transition:.3s}.btn-primary,.btn-secondary,.example-card,.glass-hover,details,summary{transition:.3s}.btn-primary,th{font-weight:600}.glass,th{background:rgba(255,255,255,.05)}.glow-text,.text-gradient{-webkit-text-fill-color:transparent}.glass{backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.glass-hover,tr:hover{background:rgba(255,255,255,.03)}.glass-hover{backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08)}.glass-hover:hover{background:rgba(255,255,255,.08);border-color:rgba(6,182,212,.3);transform:translateY(-2px)}.glow-text{background:linear-gradient(45deg,#00f5ff,#8a2be2);-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;border:none;position:relative;overflow:hidden}.btn-primary:hover{background:linear-gradient(135deg,#0891b2,#2563eb);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:rgba(255,255,255,.1);color:#d1d5db;padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);font-weight:500}.btn-secondary:hover{background:rgba(255,255,255,.15);border-color:rgba(6,182,212,.3);color:#06b6d4}.font-tech{font-family:'JetBrains Mono',Monaco,'Courier New',monospace}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating-element{animation:3s ease-in-out infinite float}@keyframes fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out fade-in}.step-number{background:linear-gradient(135deg,#00f5ff,#8a2be2);color:#fff;font-weight:700;border-radius:50%;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;margin-right:12px;flex-shrink:0}.example-card:hover{transform:translateY(-4px)}@media (max-width:768px){.btn-primary,.btn-secondary{padding:.75rem 1rem;font-size:.875rem}.result-display{min-height:150px;padding:1rem;font-size:1rem}.glass,.glass-hover{padding:1rem}.step-number{width:28px;height:28px;font-size:14px}}@media (max-width:640px){.glass,.glass-hover{padding:.75rem;margin-bottom:1rem}.input-field{padding:.75rem}.result-display{min-height:120px;padding:.75rem;font-size:.9rem}}:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--accent-primary:#06b6d4;--accent-secondary:#8b5cf6;--success:#10b981;--warning:#f59e0b;--error:#ef4444}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(6,182,212,.5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(6,182,212,.7)}details[open]{background:rgba(6,182,212,.05);border-color:rgba(6,182,212,.2)}summary{list-style:none}summary::-webkit-details-marker{display:none}table{border-collapse:collapse;width:100%}td,th{text-align:center;padding:.75rem .5rem;border-bottom:1px solid rgba(255,255,255,.1)}.loading{opacity:.6;pointer-events:none}.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid #06b6d4;border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.text-gradient{background:linear-gradient(45deg,#06b6d4,#8b5cf6);-webkit-background-clip:text;background-clip:text}.border-gradient{background:linear-gradient(135deg,rgba(6,182,212,.2),rgba(139,92,246,.2));padding:1px;border-radius:12px}.border-gradient>*{background:var(--bg-primary);border-radius:11px}button:focus,input:focus,select:focus,textarea:focus{outline:#06b6d4 solid 2px;outline-offset:2px}@media print{.glass,.glass-hover{background:#fff;border:1px solid #ccc;color:#000}.glow-text{color:#000;-webkit-text-fill-color:black}.btn-primary,.btn-secondary{display:none}}