:root{--bg-darker: #060709;--bg-dark: #0b0c10;--bg-card: rgba(13, 15, 21, 0.7);--border-color: rgba(255, 255, 255, 0.05);--text-main: #f8fafc;--text-muted: #64748b;--dot-color: rgba(255, 255, 255, 0.02);--accent-zinc: #a1a1aa;--accent-green: #34d399;--accent-purple: #c084fc;--code-bg: rgba(0, 0, 0, 0.5);--code-text: #f1f5f9;--btn-primary-bg: #f1f5f9;--btn-primary-text: #0f172a;--btn-primary-hover: #ffffff;--terminal-preview-bg: #0d0e12;--terminal-bar-bg: #111216;--sun-display: block;--moon-display: none}[data-theme=light]{--bg-darker: #f8fafc;--bg-dark: #f1f5f9;--bg-card: rgba(255, 255, 255, 0.85);--border-color: rgba(15, 23, 42, 0.06);--text-main: #0f172a;--text-muted: #64748b;--dot-color: rgba(15, 23, 42, 0.04);--accent-zinc: #71717a;--accent-green: #059669;--accent-purple: #9333ea;--code-bg: #e2e8f0;--code-text: #1e293b;--btn-primary-bg: #0f172a;--btn-primary-text: #f8fafc;--btn-primary-hover: #1e293b;--terminal-preview-bg: #0d0e12;--terminal-bar-bg: #111216;--sun-display: none;--moon-display: block}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);background-image:radial-gradient(var(--dot-color) 1px, rgba(0,0,0,0) 1px);background-size:24px 24px;color:var(--text-main);font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;overflow-x:hidden;position:relative;width:100%;transition:background-color .3s ease,color .3s ease}body::before{content:"";position:absolute;top:-300px;left:50%;transform:translateX(-50%);width:1000px;height:600px;background:radial-gradient(circle, rgba(96,165,250,.02) 0%, rgba(0,0,0,0) 80%);z-index:-1;pointer-events:none}a{color:inherit;text-decoration:none}.container{max-width:1050px;margin:0 auto;padding:0 20px;width:100%}header{padding:10px 0;border-bottom:1px solid var(--border-color);background:var(--bg-card);backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;width:100%;transition:background-color .3s ease,border-color .3s ease}header .header-container{display:flex;justify-content:space-between;align-items:center}header .logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;letter-spacing:-.2px;color:var(--text-main)}header .logo svg{color:var(--accent-zinc)}header .nav-area{display:flex;align-items:center;gap:28px}header .nav-links{display:flex;gap:24px;align-items:center}header .nav-links a{font-size:13px;font-weight:500;color:var(--text-muted);transition:color .2s ease}header .nav-links a:hover{color:var(--text-main)}header .theme-toggle{background:rgba(0,0,0,0);border:1px solid var(--border-color);border-radius:6px;padding:6px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}header .theme-toggle:hover{color:var(--text-main);border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.02)}header .theme-toggle .sun-icon{display:var(--sun-display)}header .theme-toggle .moon-icon{display:var(--moon-display)}.hero{padding:80px 0 50px 0;text-align:center}.hero .badge{display:inline-block;padding:4px 10px;border-radius:100px;background:rgba(255,255,255,.02);border:1px solid var(--border-color);color:var(--text-muted);font-size:10px;font-weight:600;margin-bottom:20px;letter-spacing:.8px;text-transform:uppercase;font-family:monospace}.hero h1{font-size:48px;font-weight:800;letter-spacing:-1.2px;line-height:1.15;margin-bottom:20px;color:var(--text-main);word-break:keep-all}@media (max-width: 768px){.hero h1{font-size:30px;letter-spacing:-.8px;word-break:normal}}.hero p.subtitle{font-size:17px;color:var(--text-muted);max-width:620px;margin:0 auto 40px auto;font-weight:400;line-height:1.6}@media (max-width: 768px){.hero p.subtitle{font-size:14.5px;padding:0 10px}}.hero .terminal-preview{margin:32px auto 0 auto;max-width:840px;width:100%;border-radius:10px;border:1px solid var(--border-color);background:var(--terminal-preview-bg);box-shadow:0 30px 60px -15px rgba(0,0,0,.7);overflow:hidden}.hero .terminal-preview .terminal-bar{height:36px;background:var(--terminal-bar-bg);border-bottom:1px solid rgba(255,255,255,.02);display:flex;align-items:center;padding:0 14px;position:relative}.hero .terminal-preview .terminal-bar .buttons{display:flex;gap:6px}.hero .terminal-preview .terminal-bar .buttons span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.08)}.hero .terminal-preview .terminal-bar .title{position:absolute;left:50%;transform:translateX(-50%);font-family:monospace;font-size:11px;color:var(--text-muted)}.hero .terminal-preview video{display:block;width:100%;height:auto;background:var(--terminal-preview-bg)}.actions-section{padding:60px 0 80px 0;border-bottom:1px solid var(--border-color)}.actions-section .actions-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}@media (max-width: 768px){.actions-section .actions-grid{grid-template-columns:1fr;gap:36px}}.actions-section .install-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:32px;backdrop-filter:blur(20px);width:100%;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:background-color .3s ease,border-color .3s ease}@media (max-width: 480px){.actions-section .install-card{padding:24px 20px}}.actions-section .install-card h3{font-size:18px;font-weight:700;margin-bottom:8px}.actions-section .install-card p{color:var(--text-muted);font-size:13px;margin-bottom:20px}.actions-section .install-card .platform-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:20px;gap:16px}.actions-section .install-card .platform-tabs .tab-btn{background:rgba(0,0,0,0);border:none;color:var(--text-muted);font-size:13px;font-weight:600;padding:8px 0;cursor:pointer;transition:all .2s ease;position:relative}.actions-section .install-card .platform-tabs .tab-btn:hover{color:var(--text-main)}.actions-section .install-card .platform-tabs .tab-btn.active{color:var(--text-main)}.actions-section .install-card .platform-tabs .tab-btn.active::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--text-main)}.actions-section .install-card .platform-panel{display:none}.actions-section .install-card .platform-panel.active{display:block;animation:fadeIn .25s ease}.actions-section .install-card .code-box{background:var(--code-bg);border:1px solid var(--border-color);border-radius:6px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-family:"JetBrains Mono",monospace;font-size:12px;margin-bottom:18px;width:100%;overflow:hidden}.actions-section .install-card .code-box .code-text{color:var(--code-text);overflow-x:auto;white-space:nowrap;margin-right:8px;width:100%;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.actions-section .install-card .code-box .code-text::-webkit-scrollbar{display:none}.actions-section .install-card .code-box .copy-btn{background:rgba(0,0,0,0);border:none;color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:500;transition:all .2s ease;padding:4px 8px;border-radius:4px;border:1px solid var(--border-color);flex-shrink:0}.actions-section .install-card .code-box .copy-btn:hover{color:var(--text-main);border-color:rgba(255,255,255,.2)}.actions-section .install-card .download-buttons{display:flex;gap:12px}@media (max-width: 480px){.actions-section .install-card .download-buttons{flex-direction:column}}.actions-section .install-card .download-buttons .btn{flex:1;padding:11px 16px;border-radius:6px;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.actions-section .install-card .download-buttons .btn.primary{background:var(--btn-primary-bg) !important;background-image:none !important;color:var(--btn-primary-text) !important;box-shadow:none !important}.actions-section .install-card .download-buttons .btn.primary:hover{background:var(--btn-primary-hover) !important;background-image:none !important}.actions-section .install-card .download-buttons .btn.secondary{background:rgba(0,0,0,0);border:1px solid var(--border-color);color:var(--text-main)}.actions-section .install-card .download-buttons .btn.secondary:hover{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.12)}.skills-section{padding:80px 0}.skills-section .section-header{text-align:center;margin-bottom:50px}.skills-section .section-header h2{font-size:28px;font-weight:800;letter-spacing:-.6px;margin-bottom:12px}.skills-section .section-header p{font-size:14.5px;color:var(--text-muted);max-width:520px;margin:0 auto}@media (max-width: 768px){.skills-section .section-header p{padding:0 10px}}.skills-section .npx-card{background:rgba(255,255,255,.005);border:1px solid var(--border-color);border-radius:10px;padding:18px 24px;max-width:760px;margin:0 auto 48px auto;display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%}@media (max-width: 768px){.skills-section .npx-card{flex-direction:column;text-align:center;padding:20px}}.skills-section .npx-card .npx-desc{display:flex;align-items:center;gap:10px}@media (max-width: 768px){.skills-section .npx-card .npx-desc{flex-direction:column;gap:6px}}.skills-section .npx-card .npx-desc .badge-npx{font-family:monospace;font-size:9px;font-weight:700;background:rgba(255,255,255,.03);border:1px solid var(--border-color);color:var(--text-main);padding:2px 5px;border-radius:3px;text-transform:uppercase}.skills-section .npx-card .npx-desc span.title{font-weight:600;font-size:13.5px}.skills-section .npx-card .npx-command{font-family:"JetBrains Mono",monospace;font-size:11.5px;background:var(--code-bg);padding:12px 18px;border-radius:6px;border:1px solid var(--border-color);color:var(--text-muted);display:flex;align-items:center;gap:8px;max-width:100%;overflow:hidden}.skills-section .npx-card .npx-command span{overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.skills-section .npx-card .npx-command span::-webkit-scrollbar{display:none}.skills-section .npx-card .npx-command .copy-npx-btn{background:rgba(0,0,0,0);border:none;color:var(--text-muted);cursor:pointer;font-size:10.5px;flex-shrink:0}.skills-section .npx-card .npx-command .copy-npx-btn:hover{color:var(--text-main)}.skills-section .skills-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}@media (max-width: 768px){.skills-section .skills-grid{grid-template-columns:1fr}}.skills-section .skill-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:32px;backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.16, 1, .3, 1);cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.02)}@media (max-width: 480px){.skills-section .skill-card{padding:24px}}.skills-section .skill-card:hover{border-color:rgba(255,255,255,.12);background:rgba(18,20,28,.85)}.skills-section .skill-card:hover .card-meta svg{color:var(--text-main)}.skills-section .skill-card:hover .equalizer span{animation-play-state:running}.skills-section .skill-card .card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.skills-section .skill-card .card-meta svg{color:var(--text-muted);transition:color .2s ease}.skills-section .skill-card .card-meta .equalizer{display:flex;align-items:flex-end;gap:3px;height:10px}.skills-section .skill-card .card-meta .equalizer span{width:2px;height:100%;background:rgba(255,255,255,.3);border-radius:10px;animation:pulse 1.2s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:bottom}.skills-section .skill-card .card-meta .equalizer span:nth-child(2){animation-delay:.2s;animation-duration:.8s}.skills-section .skill-card .card-meta .equalizer span:nth-child(3){animation-delay:.4s;animation-duration:1.4s}.skills-section .skill-card .card-meta .equalizer span:nth-child(4){animation-delay:.1s;animation-duration:1s}.skills-section .skill-card h3{font-size:16px;font-weight:700;margin-bottom:10px;letter-spacing:-.2px}.skills-section .skill-card p{color:var(--text-muted);font-size:13px;margin-bottom:20px;line-height:1.55}.skills-section .skill-card .command-tag{font-family:"JetBrains Mono",monospace;font-size:10.5px;color:var(--text-muted);background:rgba(255,255,255,.02);padding:3px 8px;border-radius:4px;display:inline-block;border:1px solid var(--border-color)}.repo-section{padding:80px 0;border-top:1px solid var(--border-color)}.repo-section .repo-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:60px 40px;text-align:center;backdrop-filter:blur(20px);box-shadow:0 20px 40px rgba(0,0,0,.2);transition:all .3s ease}@media (max-width: 768px){.repo-section .repo-card{padding:40px 20px}}.repo-section .repo-card:hover{border-color:rgba(255,255,255,.08);box-shadow:0 30px 60px rgba(0,0,0,.3)}.repo-section .repo-card .repo-meta{display:flex;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.repo-section .repo-card .repo-meta .meta-badge{font-family:monospace;font-size:10px;font-weight:600;background:rgba(255,255,255,.03);border:1px solid var(--border-color);color:var(--text-muted);padding:4px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.5px}.repo-section .repo-card h2{font-size:26px;font-weight:800;margin-bottom:16px;letter-spacing:-.6px;color:var(--text-main)}.repo-section .repo-card p.heritage{color:var(--text-muted);font-size:14px;max-width:660px;margin:0 auto 36px auto;line-height:1.75}.repo-section .repo-card .repo-buttons{display:flex;justify-content:center;gap:16px}@media (max-width: 480px){.repo-section .repo-card .repo-buttons{flex-direction:column;gap:12px}}.repo-section .repo-card .repo-buttons .btn-repo{padding:12px 24px;border-radius:6px;font-weight:600;font-size:13.5px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.repo-section .repo-card .repo-buttons .btn-repo.primary{background:var(--btn-primary-bg) !important;background-image:none !important;color:var(--btn-primary-text) !important;border:1px solid rgba(0,0,0,0)}.repo-section .repo-card .repo-buttons .btn-repo.primary:hover{background:var(--btn-primary-hover) !important}.repo-section .repo-card .repo-buttons .btn-repo.secondary{background:rgba(0,0,0,0);border:1px solid var(--border-color);color:var(--text-main)}.repo-section .repo-card .repo-buttons .btn-repo.secondary:hover{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.15)}footer{padding:40px 0;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:12px;transition:border-color .3s ease}footer .footer-container{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){footer .footer-container{flex-direction:column;gap:16px}}footer p.cr{font-size:11.5px}footer .tech-stack{display:flex;gap:12px;font-family:monospace;font-size:10px;color:var(--text-muted);opacity:.4}@keyframes pulse{0%{transform:scaleY(.2)}100%{transform:scaleY(1)}}@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}