@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--sidebar-width:260px;--header-height:88px;--glass-blur:blur(12px);--bg-main:#0a0a0c;--bg-sidebar:#111114;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-dim:#64748b;--border-subtle:#ffffff14;--glass-border:1px solid #ffffff1a;--bg-hover:#ffffff0d;--modal-overlay:#000000b3;--bg-code:#0006;--text-code:#e2e8f0}[data-theme=light]{--bg-main:#fcf8e8;--bg-sidebar:#f5f0db;--bg-card:#3d30210d;--bg-card-hover:#3d302114;--accent-primary:#b08d57;--accent-secondary:#8a6d3b;--accent-gradient:linear-gradient(135deg, #b08d57 0%, #8a6d3b 100%);--text-primary:#3d3021;--text-secondary:#5c4b37;--text-dim:#8a7a66;--border-subtle:#b08d574d;--glass-border:1px solid #b08d574d;--bg-hover:#3d30210d;--modal-overlay:#3d302133;--bg-code:#fff;--text-code:#1a1a1a}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}code,pre{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.glass{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border)}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);z-index:50;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);position:sticky;top:0;overflow-x:hidden}@media (width<=1024px){.sidebar{width:200px}:root{--sidebar-width:200px}.sidebar .text-xl{font-size:1.1rem}.sidebar .px-6{padding-left:1rem;padding-right:1rem}}@media (width<=768px){.sidebar{width:var(--sidebar-width);position:fixed;transform:translate(-100%);z-index:100!important}.sidebar.open{transform:translate(0);box-shadow:20px 0 50px #00000080}}@media (width>=769px){.sidebar:not(.open){opacity:0;pointer-events:none;border-right-color:#0000;width:0}}.h-header{height:var(--header-height)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.left-3\.5{left:.875rem}.left-4{left:1rem}.left-12{left:3rem}.right-2\.5{right:.625rem}.right-3\.5{right:.875rem}.right-2{right:.5rem}.right-4{right:1rem}.right-16{right:4rem}.-translate-y-1\/2{transform:translateY(-50%)}.-translate-x-1\/2{transform:translate(-50%)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}@media (width<=768px){.px-8{padding-left:1rem;padding-right:1rem}}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-32{padding-top:8rem;padding-bottom:8rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-28{padding-top:7rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-16{padding-right:4rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.hidden{display:none!important}@media (width<=640px){.sm\:hidden{display:none!important}}@media (width>=641px){.sm\:flex{display:flex!important}.sm\:block{display:block!important}}@media (width<=768px){.md\:hidden{display:none!important}}.ml-6{margin-left:1.5rem}.mt-6{margin-top:1.5rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.text-center{text-align:center}.text-white{color:var(--text-primary)!important}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-dim{color:var(--text-dim)}.text-blue-400{color:#60a5fa}.text-blue-500{color:#3b82f6}.text-green-400{color:#4ade80}.text-code{color:var(--text-code)}.bg-main{background-color:var(--bg-main)}.bg-transparent{background-color:#0000}.bg-white\/5{background-color:var(--bg-card)}.bg-white\/10{background-color:var(--bg-card-hover)}.bg-black\/40{background-color:var(--bg-code)}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-600{background-color:#2563eb}.bg-green-500{background-color:#22c55e}.bg-green-500\/10{background-color:#22c55e1a}.border{border:1px solid var(--border-subtle)}.border-none{border:none}.border-white\/5,.border-white\/10{border:1px solid var(--border-subtle)}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.transition-all{transition:all .2s}.transition-transform{transition:transform .2s}.transition-opacity{transition:opacity .2s}.duration-300{transition-duration:.3s}.hover\:bg-white\/5:hover{background-color:var(--bg-hover)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-blue-500:hover{background-color:#3b82f6}.hover\:text-white:hover{color:var(--text-primary)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:translate-y-\[-4px\]:hover{transform:translateY(-4px)}.group:hover .group-hover\:opacity-100{opacity:1}.opacity-0{opacity:0}.opacity-20{opacity:.2}.outline-none{outline-offset:2px;outline:2px solid #0000}.overflow-y-auto{overflow-y:auto}.min-h-screen{min-height:100vh}.w-full{width:100%}.w-8{width:2rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.max-w-2xl{max-width:42rem}.max-w-xs{max-width:20rem}.mx-auto{margin-left:auto;margin-right:auto}.z-100{z-index:100}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.animate-bounce{animation:1s infinite bounce}.modal-overlay{background:var(--modal-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:500px;max-height:80vh;color:var(--text-primary);animation:.3s ease-out modalEnter;overflow-y:auto;background:var(--bg-sidebar)!important;border:var(--glass-border)!important}.tech-grid{gap:1rem;display:grid}.tech-item{background:var(--bg-card);border:var(--glass-border);border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.tech-item:hover{background:var(--bg-card-hover);transform:translateY(-2px)}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translate(-50%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translate(-50%,-25%)}}.sidebar-nav ul{padding:0;list-style:none}.btn-hover-premium{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.btn-hover-premium:hover{box-shadow:0 10px 25px -5px #0003, 0 0 20px rgba(var(--accent-rgb), .15);transform:translateY(-2px)scale(1.02);border-color:rgba(var(--accent-rgb), .5)!important}.btn-hover-premium:active{transform:translateY(0)scale(.95)}.toggle-hover-premium{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.toggle-hover-premium:hover{transform:translateY(-2px)scale(1.1);box-shadow:0 8px 20px -5px #0003}.toggle-hover-premium:hover span{transform:rotate(12deg)}.toggle-hover-premium:active{transform:translateY(0)scale(.95)}