*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: rgba(255, 255, 255, .8);--text-primary: #1e293b;--text-secondary: #64748b;--accent-primary: #0ea5e9;--accent-secondary: #06b6d4;--accent-gradient: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);--border-color: rgba(15, 23, 42, .1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:5rem 0}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0ea5e966}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{border-color:var(--accent-primary);background:#0ea5e91a}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease}.card:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:0 20px 40px #0ea5e933}.code-block{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;overflow-x:auto;font-family:Monaco,Courier New,monospace;font-size:.9rem;line-height:1.6}.code-block code{color:#334155}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.container{padding:0 1rem}.section{padding:3rem 0}.btn{padding:.625rem 1.25rem;font-size:.9rem}}