*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #10b981;--accent-color: #f59e0b;--code-color: #22c55e;--dark-bg: #0f172a;--light-bg: #ffffff;--card-bg: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--text-light: #94a3b8;--border-color: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-blue: 0 4px 14px rgba(37, 99, 235, .15)}body{font-family:Inter,SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Droid Sans Mono,Source Code Pro,monospace,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--light-bg);color:var(--text-primary);line-height:1.7;overflow-x:hidden}html{scroll-behavior:smooth}.btn-modern{background:var(--primary-color);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);text-decoration:none;display:inline-flex;align-items:center;gap:8px;border:2px solid var(--primary-color)}.btn-modern:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md);color:#fff}.btn-modern:active{transform:translateY(0)}.card-modern{background:#fff;border-radius:12px;padding:2rem;box-shadow:var(--shadow-sm);transition:all .2s ease;border:1px solid var(--border-color)}.card-modern:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.gradient-text{color:var(--primary-color);font-weight:800;letter-spacing:-.02em}.code-text{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;color:var(--code-color);font-weight:600}.section-spacing{padding:4rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}.input-modern{border:2px solid #e2e8f0;border-radius:12px;padding:12px 16px;font-size:16px;transition:all .3s ease;background:#fff;width:100%}.input-modern:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.badge-modern{display:inline-block;padding:8px 16px;border-radius:6px;background:var(--card-bg);color:var(--primary-color);font-weight:600;font-size:13px;border:1px solid var(--border-color);transition:all .2s ease;font-family:SF Mono,Monaco,monospace}.badge-modern:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.section-spacing{padding:2rem 0}.container{padding-left:1rem;padding-right:1rem}}@media (max-width: 576px){body{font-size:14px}.btn-modern{padding:10px 20px;font-size:14px}.card-modern{padding:1.5rem}}