:root{--bg-base: rgb(12, 12, 13);--bg-surface: rgb(27, 28, 28);--bg-surface-2: rgb(19, 19, 20);--bg-header: rgb(0, 0, 0);--text-primary: rgb(255, 255, 255);--text-secondary: rgb(156, 163, 175);--text-muted: rgb(108, 114, 114);--border: rgb(66, 72, 72);--border-strong: rgb(40, 42, 42);--accent: rgb(255, 255, 255);--accent-text: rgb(0, 0, 0);--bg-grad-1: rgba(255, 255, 255, .12);--bg-grad-2: rgba(255, 255, 255, .08)}[data-theme=light]{--bg-base: rgb(245, 246, 248);--bg-surface: rgb(255, 255, 255);--bg-surface-2: rgb(248, 249, 251);--bg-header: rgb(255, 255, 255);--text-primary: rgb(17, 19, 22);--text-secondary: rgb(75, 85, 99);--text-muted: rgb(107, 114, 128);--border: rgb(209, 213, 219);--border-strong: rgb(229, 231, 235);--accent: rgb(17, 19, 22);--accent-text: rgb(255, 255, 255);--bg-grad-1: rgba(120, 130, 160, .1);--bg-grad-2: rgba(120, 130, 160, .06)}body{background-color:var(--bg-base);background-image:radial-gradient(1200px circle at 20% 10%,var(--bg-grad-1),rgba(255,255,255,0) 55%),radial-gradient(900px circle at 85% 75%,var(--bg-grad-2),rgba(255,255,255,0) 60%),linear-gradient(180deg,#ffffff0a,#0000 45%,#00000047);background-attachment:fixed;color:var(--text-primary);font-family:Fira Code,monospace;font-size:20px;cursor:crosshair;overflow-x:hidden;margin:0;padding:0;transition:background-color .2s ease,color .2s ease}*,*:before,*:after{box-sizing:border-box}input,textarea,select{box-sizing:border-box;max-width:100%;border-radius:6px}input:focus,textarea:focus,select:focus{outline:none;border-color:#9ca3afe6;box-shadow:0 0 0 3px #9ca3af26}.font-headline,.font-body,h1,h2,h3{font-family:Fira Code,monospace}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#fff0 50%,#00000038 50%),linear-gradient(90deg,#ffffff09,#ffffff03,#ffffff09);background-size:100% 2px,3px 100%;pointer-events:none;z-index:1000;opacity:.15}.grain-texture{position:fixed;top:0;left:0;width:100%;height:100%;background:url(https://www.transparenttextures.com/patterns/asfalt-dark.png);opacity:.05;pointer-events:none;z-index:999}.terminal-shadow{box-shadow:4px 4px #424848}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff6}::-webkit-scrollbar-corner{background:#ffffff0d}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}a{transition:color .2s ease,text-shadow .2s ease}a:hover{color:#fff!important}button{transition:none}button:hover{transform:none;box-shadow:none;border-radius:0}.service-card{transition:all .25s ease;cursor:pointer}.service-card:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 8px 32px #0006;border-radius:8px}.project-card{transition:all .25s ease;cursor:pointer}.project-card:hover{border-color:#fff6;transform:translateY(-4px);box-shadow:0 12px 40px #00000080;border-radius:8px}.social-link{transition:all .2s ease}.social-link:hover{color:#fff!important}html[data-theme=light] body{background-color:#f5f6f8;background-image:radial-gradient(1200px circle at 20% 10%,#283c7824,#0000 55%),radial-gradient(900px circle at 85% 75%,#283c781a,#0000 60%),linear-gradient(180deg,#283c780d,#0000 45%,#1419280f);color:#111316}html[data-theme=light] .themed-root{filter:invert(1) hue-rotate(180deg)}html[data-theme=light] .themed-root img,html[data-theme=light] .themed-root video,html[data-theme=light] .themed-root .no-invert{filter:invert(1) hue-rotate(180deg)}html[data-theme=light] .site-header{background-color:#ffffffeb!important;border-bottom:1px solid rgb(229,231,235);color:#111316}html[data-theme=light] .site-header,html[data-theme=light] .site-header *{color:#111316}html[data-theme=light] .site-header button>span{color:#4b5563!important}html[data-theme=light] .site-header .login-btn{border:2px solid rgb(75,85,99)!important}html[data-theme=light] .site-header>a{color:#111316!important}html[data-theme=light] .site-footer{background-color:#fff!important;border-top:1px solid rgb(229,231,235)!important}html[data-theme=light] .site-footer,html[data-theme=light] .site-footer *{color:#4b5563}html[data-theme=light] .site-footer .footer-copy,html[data-theme=light] .site-footer .social-link:hover{color:#111316!important}html[data-theme=light] .mobile-menu{background-color:#fff!important;color:#111316}html[data-theme=light] .mobile-menu *{color:#111316!important}