:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--foreground-rgb:51,51,51;--background-start-rgb:102,126,234;--background-end-rgb:118,75,162;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--text-muted:#95a5a6;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-glass:hsla(0,0%,100%,.95);--bg-glass-secondary:hsla(0,0%,100%,.8);--border-primary:#e9ecef;--border-secondary:#dee2e6;--border-glass:hsla(0,0%,100%,.2);--shadow-light:rgba(0,0,0,.1);--shadow-medium:rgba(0,0,0,.15);--shadow-dark:rgba(0,0,0,.2);--accent-primary:#667eea;--accent-secondary:#764ba2;--accent-success:#28a745;--accent-warning:#ffc107;--accent-danger:#dc3545;--accent-info:#17a2b8;--feature-bg-1:#f8f9ff;--feature-border-1:#e1e8ff;--feature-shadow-1:rgba(102,126,234,.1);--feature-bg-2:#f0f8ff;--feature-border-2:#b3d9ff;--feature-shadow-2:rgba(3,169,244,.1);--feature-bg-3:#f0fff4;--feature-border-3:#c8e6c9;--feature-shadow-3:rgba(76,175,80,.1);--header-bg:hsla(0,0%,100%,.95);--header-border:hsla(0,0%,100%,.2);--footer-bg:rgba(248,249,250,.95)}[data-theme=dark]{--foreground-rgb:255,255,255;--background-start-rgb:17,24,39;--background-end-rgb:31,41,55;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--bg-primary:#1e293b;--bg-secondary:#334155;--bg-tertiary:#475569;--bg-glass:rgba(30,41,59,.95);--bg-glass-secondary:rgba(30,41,59,.8);--border-primary:#475569;--border-secondary:#64748b;--border-glass:hsla(0,0%,100%,.1);--shadow-light:rgba(0,0,0,.3);--shadow-medium:rgba(0,0,0,.4);--shadow-dark:rgba(0,0,0,.5);--accent-primary:#818cf8;--accent-secondary:#a78bfa;--accent-success:#34d399;--accent-warning:#fbbf24;--accent-danger:#f87171;--accent-info:#60a5fa;--feature-bg-1:rgba(129,140,248,.1);--feature-border-1:rgba(129,140,248,.2);--feature-shadow-1:rgba(129,140,248,.1);--feature-bg-2:rgba(96,165,250,.1);--feature-border-2:rgba(96,165,250,.2);--feature-shadow-2:rgba(96,165,250,.1);--feature-bg-3:rgba(52,211,153,.1);--feature-border-3:rgba(52,211,153,.2);--feature-shadow-3:rgba(52,211,153,.1);--header-bg:rgba(30,41,59,.95);--header-border:hsla(0,0%,100%,.1);--footer-bg:rgba(51,65,85,.95)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{color:rgb(var(--foreground-rgb));background:linear-gradient(135deg,rgb(var(--background-start-rgb)) 0,rgb(var(--background-end-rgb)) 100%);min-height:100vh;transition:background .3s ease,color .3s ease}a{color:var(--accent-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-secondary);text-decoration:underline}h1,h2,h3{margin-bottom:1rem}@media (max-width:768px){body{padding:0 10px}h1{font-size:2rem!important}h2{font-size:1.5rem!important}.grid-auto-fit{grid-template-columns:1fr!important}.glass,.glass-secondary{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}header{padding:.5rem 1rem!important}header h1{font-size:1.2rem!important}nav{gap:1rem!important}nav a{padding:.25rem .5rem!important;font-size:.9rem!important}footer{padding:1rem!important}footer>div>div{grid-template-columns:1fr!important;gap:1rem!important}footer>div>div:last-child{flex-direction:column!important;align-items:flex-start!important}}:not(body):not(html){transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 4px 20px var(--shadow-light)}.glass-secondary{background:var(--bg-glass-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-glass);border-radius:12px;box-shadow:0 2px 10px var(--shadow-light)}.feature-card-1{background:var(--feature-bg-1);border:1px solid var(--feature-border-1);box-shadow:0 2px 10px var(--feature-shadow-1);border-radius:12px;padding:25px}.feature-card-2{background:var(--feature-bg-2);border:1px solid var(--feature-border-2);box-shadow:0 2px 10px var(--feature-shadow-2);border-radius:12px;padding:25px}.feature-card-3{background:var(--feature-bg-3);border:1px solid var(--feature-border-3);box-shadow:0 2px 10px var(--feature-shadow-3);border-radius:12px;padding:25px}.btn-primary{background:var(--accent-primary);color:#fff;padding:15px 30px;text-decoration:none;border-radius:8px;font-weight:700;display:inline-block;transition:all .3s ease;border:none;cursor:pointer}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-medium)}.btn-success{background:var(--accent-success);color:#fff;padding:12px 24px;text-decoration:none;border-radius:5px;font-weight:700;display:inline-block;transition:all .3s ease;border:none;cursor:pointer}.btn-success:hover{background:#218838;transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-medium)}.btn-danger{background:var(--accent-danger);color:#fff;padding:12px 24px;text-decoration:none;border-radius:5px;font-weight:700;display:inline-block;transition:all .3s ease;border:none;cursor:pointer}.btn-danger:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-medium)}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.theme-toggle:hover{background:var(--bg-tertiary);transform:translateY(-1px)}@media (prefers-color-scheme:dark){html{color-scheme:dark}}