@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--bg: #080a0f;--bg2: #0d1117;--bg3: #111720;--sidebar-bg: var(--bg2);--surf: rgba(255,255,255,.032);--surf2: rgba(255,255,255,.055);--bdr: rgba(255,255,255,.07);--bdr2: rgba(255,255,255,.12);--p: #5b8dee;--pdim: rgba(91,141,238,.1);--gold: #c9a84c;--green: #3ddc84;--t1: #f0f2f5;--t2: #8b95a6;--t3: #505869;--sw: 220px;--swc: 60px;--ease: cubic-bezier(.25, .46, .45, .94);--txt: var(--t1);--txt-muted: var(--t2);--theme-icon-sun: 1;--theme-icon-moon: 0;--scanline-opacity: .022}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:var(--bg)}body{font-family:Inter,sans-serif;color:var(--t1);line-height:1.6;transition:background .35s var(--ease),color .35s var(--ease)}.main-content{margin-left:90px;width:calc(100% - 90px);min-height:100vh;display:flex;flex-direction:column;align-items:flex-start;transition:margin-left .3s ease,width .3s ease}.page-wrapper{width:100%;max-width:1200px;margin:0;padding:52px 52px 80px;position:relative;z-index:1;min-height:100vh;animation:pageIn .5s var(--ease) both}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.skillGrid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}.skillBox{border:1px solid var(--bdr);border-radius:8px;padding:10px 12px;background:#7f7f7f0a;display:flex;flex-direction:column;font-size:14px;transition:border-color .3s,background .3s}.skillBox strong{color:var(--txt);font-weight:500}.skillBox span{font-size:12px;color:var(--txt-muted)}.chip{padding:6px 12px;border-radius:8px;border:1px solid var(--bdr);font-size:13px;background:#7f7f7f0a;color:var(--txt-muted);display:inline-flex;align-items:center;transition:border-color .3s,background .3s,color .3s}.chip-active{border-color:#6ea8ff;color:var(--txt);background:#6ea8ff14}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bdr2);border-radius:2px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,var(--scanline-opacity)) 2px,rgba(0,0,0,var(--scanline-opacity)) 4px);pointer-events:none;z-index:0}.sec-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--p);letter-spacing:1.5px;margin-bottom:6px;transition:color .3s}.sec-title{font-family:Syne,sans-serif;font-size:clamp(26px,3vw,36px);font-weight:800;color:var(--t1);letter-spacing:-.7px;line-height:1.1;transition:color .3s}.sec-header{margin-bottom:40px}.card{background:var(--surf);border:1px solid var(--bdr);border-radius:12px;padding:26px;transition:all .25s,background .35s var(--ease),border-color .35s var(--ease)}.card:hover{border-color:var(--bdr2);box-shadow:0 0 40px #5b8dee26;transform:translateY(-3px)}.card-flat{background:var(--surf);border:1px solid var(--bdr);border-radius:12px;padding:26px;transition:background .35s var(--ease),border-color .35s var(--ease)}.divider{height:1px;background:var(--bdr);margin:52px 0;transition:background .35s}.btn{padding:10px 24px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.btn-fill{background:var(--p);color:#fff}.btn-fill:hover{background:#6e9df0}.reveal{opacity:0;transform:translateY(16px);transition:all .6s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.f-input{width:100%;padding:11px 13px;background:var(--bg2);border:1px solid var(--bdr);border-radius:7px;color:var(--t1);transition:background .3s,border-color .3s,color .3s}.f-input:focus{border-color:var(--p);outline:none}.f-input::placeholder{color:var(--t3)}@media (max-width: 1024px){.main-content{margin-left:72px;width:calc(100% - 72px)}.page-wrapper{padding:40px 30px 60px}}@media (max-width: 600px){.page-wrapper{padding:20px 20px 60px}}@keyframes cursorPulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}to{transform:translate(-50%,-50%) scale(1)}}