@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--bg: #080a0f;--bg2: #0d1117;--bg3: #111720;--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}:root.light,html.light{--bg: #f0f4f8;--bg2: #ffffff;--bg3: #e2e8f0;--surf: rgba(15, 23, 42, .04);--surf2: rgba(15, 23, 42, .08);--bdr: rgba(15, 23, 42, .1);--bdr2: rgba(15, 23, 42, .2);--p: #2a52c9;--pdim: rgba(42, 82, 201, .12);--gold: #d97706;--green: #10b981;--t1: #0f172a;--t2: #475569;--t3: #94a3b8;--txt: var(--t1);--txt-muted: var(--t2);--scanline-opacity: .008}}*,*: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)}.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}html.light .chip-active{border-color:#2a52c9;color:var(--t1);background:#2a52c91a}::-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}.page-wrapper{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)}}.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)}html.light .card:hover{box-shadow:0 0 40px #2a52c924,0 4px 24px #b48c501a}.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}html.light .btn-fill:hover{background:#1f3ea8}.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)}.theme-toggle{position:fixed;top:18px;right:20px;z-index:9999;width:40px;height:40px;border-radius:50%;background:var(--surf2);border:1px solid var(--bdr2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s,border-color .3s,transform .2s}.theme-toggle:hover{transform:scale(1.1) rotate(12deg);border-color:var(--p)}.theme-toggle:before{content:"☀︎";font-size:18px;color:var(--t2);display:block;transition:opacity .3s,color .3s;line-height:1}html.light .theme-toggle:before{content:"☾";color:var(--t2)}@media (max-width: 600px){.page-wrapper{padding:20px 20px 60px}}html.light body{background:radial-gradient(ellipse 80% 50% at 15% 10%,rgba(255,210,120,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 85% 85%,rgba(160,200,255,.11) 0%,transparent 55%),var(--bg)}html.light .sec-label{color:#2a52c9}html.light .sec-title{color:#12100e}html.light .card,html.light .card-flat{background:#b48c3c0b;border-color:#785a2821}html.light .skillBox{background:#b48c3c0a;border-color:#785a2821}@keyframes cursorPulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}to{transform:translate(-50%,-50%) scale(1)}}