:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace}[data-theme=dark]{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--text-primary: #c9d1d9;--text-secondary: #8b949e;--text-muted: #6e7681;--border-color: #30363d;--accent: #58a6ff;--accent-hover: #79c0ff;--success: #3fb950;--warning: #d29922;--error: #f85149}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--bg-tertiary: #e8ebed;--text-primary: #24292f;--text-secondary: #57606a;--text-muted: #6e7781;--border-color: #d0d7de;--accent: #0969da;--accent-hover: #0550ae;--success: #1a7f37;--warning: #9a6700;--error: #cf222e}[data-theme=pastel]{--bg-primary: var(--pastel-bg, #ffd1dc);--bg-secondary: rgba(255, 255, 255, .7);--bg-tertiary: rgba(255, 255, 255, .5);--text-primary: #2d2d2d;--text-secondary: #5a5a5a;--text-muted: #7a7a7a;--border-color: rgba(0, 0, 0, .1);--accent: #6b4ce6;--accent-hover: #5a3fd4;--success: #2ecc71;--warning: #f39c12;--error: #e74c3c}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg-primary)}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}header{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000001a}nav{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none;transition:transform .3s;flex-shrink:0}.logo:hover{transform:scale(1.05)}.logo .icon{font-size:1.75rem}.nav-center{flex:1;display:flex;justify-content:center}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s}.nav-links a:hover{color:var(--accent)}.nav-links a:hover:after{width:100%}.theme-toggle{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;flex-shrink:0}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--accent);transform:scale(1.1) rotate(20deg);box-shadow:0 4px 12px #58a6ff4d}.theme-toggle:active{transform:scale(.95) rotate(20deg)}.theme-toggle-floating{position:fixed;bottom:2rem;right:2rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;z-index:1000;box-shadow:0 4px 16px #0003}.theme-toggle-floating:hover{background:var(--bg-tertiary);border-color:var(--accent);transform:scale(1.1) rotate(20deg);box-shadow:0 8px 24px #58a6ff66}.theme-toggle-floating:active{transform:scale(.95) rotate(20deg)}main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem 1rem;background:var(--bg-primary)}footer{background:var(--bg-secondary);border-top:2px solid var(--border-color);padding:2rem 1rem;text-align:center;color:var(--text-secondary);font-size:.875rem;margin-top:auto}footer a{color:var(--accent);text-decoration:none;font-weight:600;transition:color .3s}footer a:hover{color:var(--accent-hover);text-decoration:underline}.card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.button{display:inline-block;padding:.75rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:12px;cursor:pointer;text-decoration:none;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #58a6ff4d}.button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #58a6ff66}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media(max-width:768px){nav{flex-wrap:wrap;justify-content:center;gap:.75rem}.logo{order:1;width:100%;justify-content:center}.logo .icon{font-size:1.5rem}.nav-center{order:2;width:100%;margin-top:.5rem}.nav-links{gap:1rem}.theme-toggle-floating{bottom:1.5rem;right:1.5rem;width:48px;height:48px;font-size:1.25rem;grid-template-columns:1fr}}