@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&family=Barlow:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--void: #020408;--surface: #070d16;--surface-2: #0d1525;--surface-3: #111e30;--red: #ff4655;--red-dim: rgba(255, 70, 85, .15);--red-glow: rgba(255, 70, 85, .35);--cyan: #00d4ff;--cyan-dim: rgba(0, 212, 255, .1);--cyan-glow: rgba(0, 212, 255, .3);--gold: #f0a500;--gold-dim: rgba(240, 165, 0, .1);--gold-glow: rgba(240, 165, 0, .3);--green: #00ff64;--white: #f0f6ff;--text-primary: #dce8ff;--text-body: #a8bdd8;--text-dim: #5a7a9a;--muted: #2a3a50;--muted-bright: #6b8aaa;--border: rgba(42, 58, 80, .6);--border-hover: rgba(90, 122, 154, .5);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-24: 96px;--sp-28: 112px;--clip: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px) );--clip-sm: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px) );--clip-xs: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px) );--t-fast: .15s ease;--t-base: .25s ease;--t-slow: .4s cubic-bezier(.22, .68, 0, 1.1);--z-base: 1;--z-nav: 1000;--z-modal: 3000;--z-bot: 4000;--z-toast: 5000}html{scroll-behavior:smooth;height:-webkit-fill-available}body{background:var(--void);color:var(--text-primary);font-family:Barlow,sans-serif;overflow-x:hidden;min-height:100vh;min-height:-webkit-fill-available;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--red);border-radius:2px}:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}@keyframes twinkle{0%,to{opacity:.9}50%{opacity:.1}}@keyframes drift{0%{transform:translateY(-10vh)}to{transform:translateY(110vh)}}@keyframes pulse-g{0%,to{box-shadow:0 0 #00ff6480}60%{box-shadow:0 0 0 7px #00ff6400}}@keyframes floatY{0%{transform:translateY(0)}to{transform:translateY(-9px)}}@keyframes nebula{0%,to{opacity:.7}50%{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes revealUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes botSlide{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dotBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}@keyframes glitch1{0%,88%,to{opacity:0;clip-path:inset(0 0 100% 0)}89%{opacity:1;clip-path:inset(15% 0 55% 0);transform:translate(-4px)}91%{opacity:1;clip-path:inset(55% 0 20% 0);transform:translate(4px)}93%{opacity:1;clip-path:inset(30% 0 45% 0);transform:translate(-2px)}95%{opacity:0}}@keyframes glitch2{0%,90%,to{opacity:0;clip-path:inset(0 0 100% 0)}91%{opacity:1;clip-path:inset(40% 0 35% 0);transform:translate(5px);color:var(--red)}93%{opacity:1;clip-path:inset(10% 0 70% 0);transform:translate(-3px)}95%{opacity:0}}@keyframes loggerPop{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.reveal{opacity:0;transform:translateY(22px)}.reveal.vis{animation:revealUp .7s cubic-bezier(.22,.68,0,1.1) forwards}.card{background:var(--surface);clip-path:var(--clip);border:1px solid var(--border);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,70,85,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.btn{font-family:Share Tech Mono,monospace;font-size:11px;letter-spacing:2px;padding:10px 22px;cursor:pointer;border:none;clip-path:var(--clip-sm);transition:transform var(--t-base),box-shadow var(--t-base),background var(--t-base);position:relative;overflow:hidden;white-space:nowrap;display:inline-block;text-decoration:none;line-height:1}.btn:active{transform:scale(.97)!important}.btn-red{background:var(--red);color:#fff;box-shadow:0 0 #ff465500}.btn-red:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .4s}.btn-red:hover:after{left:160%}.btn-red:hover{box-shadow:0 0 28px var(--red-glow),0 4px 16px #ff46554d}.btn-cyan{background:transparent;color:var(--cyan);border:1px solid var(--cyan)}.btn-cyan:hover{background:var(--cyan-dim);box-shadow:0 0 18px var(--cyan-glow)}.btn-ghost{background:transparent;color:var(--muted-bright);border:1px solid var(--border-hover)}.btn-ghost:hover{color:var(--white);border-color:#dce8ff80;background:#dce8ff0a}.btn-resume{background:transparent;color:var(--gold);border:1px solid var(--gold);font-family:Share Tech Mono,monospace;font-size:11px;letter-spacing:2px;padding:10px 22px;cursor:pointer;clip-path:var(--clip-sm);transition:background var(--t-base),box-shadow var(--t-base);white-space:nowrap;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-resume:hover{background:var(--gold-dim);box-shadow:0 0 18px var(--gold-glow)}.section-inner{padding:100px 60px;max-width:1280px;margin:0 auto}.kf{padding-left:18px;position:relative}.kf:before{content:"▸";color:var(--red);position:absolute;left:0;top:0}.sk-bar{height:3px;background:linear-gradient(90deg,var(--red),var(--cyan));box-shadow:0 0 8px var(--red-glow);width:0;transition:width 1.3s cubic-bezier(.22,.68,0,1.1);border-radius:2px}.acc-body{max-height:0;overflow:hidden;transition:max-height .45s ease}.acc-body.open{max-height:900px}.sound-hint{font-family:Share Tech Mono,monospace;font-size:8px;color:var(--text-dim);letter-spacing:1.2px;display:flex;align-items:center;gap:5px;margin-top:10px;user-select:none}.tag-chip{font-family:Share Tech Mono,monospace;font-size:9px;color:var(--text-dim);border:1px solid var(--border);padding:3px 8px;transition:color var(--t-fast),border-color var(--t-fast)}.tag-chip:hover{color:var(--muted-bright);border-color:var(--border-hover)}.tag-chip-cyan{font-family:Share Tech Mono,monospace;font-size:9px;color:var(--cyan);background:var(--cyan-dim);padding:3px 8px;border:1px solid rgba(0,212,255,.25);clip-path:var(--clip-xs)}.nav-inner{position:fixed;top:0;left:0;right:0;height:60px;display:flex;align-items:center;padding:0 40px;gap:28px;z-index:var(--z-nav)}.hero-wrap{min-height:100vh;display:flex;align-items:center;padding:80px 60px 60px;max-width:1280px;margin:0 auto;gap:60px;flex-wrap:wrap}.hero-stats{display:flex;border-top:1px solid rgba(42,58,80,.5);padding-top:24px;margin-top:16px}.hero-stats>div{flex:1;padding:0 16px}.hero-stats>div:first-child{padding-left:0}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.skills-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}.acc-inner{display:grid;grid-template-columns:1fr 1fr;gap:24px}.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.proj-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;align-items:center}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bot-fab{position:fixed;bottom:28px;right:28px;z-index:var(--z-bot);width:56px;height:56px;background:var(--red);clip-path:var(--clip-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 0 24px #ff465580;transition:transform var(--t-base),box-shadow var(--t-base)}.bot-fab:hover{transform:scale(1.08);box-shadow:0 0 40px #ff4655bf}.bot-fab:active{transform:scale(.96)}.bot-panel{position:fixed;bottom:96px;right:28px;z-index:var(--z-bot);width:390px;height:560px;background:var(--surface);clip-path:var(--clip);border:1px solid rgba(255,70,85,.35);display:flex;flex-direction:column;animation:botSlide .3s cubic-bezier(.22,.68,0,1.1);box-shadow:0 20px 60px #0009,0 0 30px #ff465514}.bot-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.bot-msgs::-webkit-scrollbar{width:2px}.bot-msgs::-webkit-scrollbar-thumb{background:var(--red)}.msg{max-width:88%;padding:12px 14px;font-family:Barlow,sans-serif;font-size:13.5px;line-height:1.65;animation:msgIn .25s ease forwards;border:1px solid transparent;white-space:pre-wrap}.msg-bot{background:#0d1525f2;border-color:#ff465533;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);align-self:flex-start;color:var(--text-primary);transition:box-shadow var(--t-base),border-color var(--t-base)}.msg-bot:hover{border-color:#ff46554d}.msg-user{background:#00d4ff0f;border-color:#00d4ff33;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);align-self:flex-end;color:var(--cyan)}.msg-bot strong{color:var(--white);font-weight:600}.bot-input-row{display:flex;border-top:1px solid rgba(42,58,80,.5);padding:12px;flex-shrink:0;gap:0;background:#0204084d}.bot-input{flex:1;background:#02040899;border:1px solid rgba(42,58,80,.5);border-right:none;color:var(--text-primary);font-family:Share Tech Mono,monospace;font-size:16px;padding:9px 12px;outline:none;letter-spacing:.5px;transition:border-color var(--t-fast)}.bot-input::placeholder{color:var(--text-dim);font-size:13px}.bot-input:focus{border-color:#ff465580}.bot-send{background:var(--red);border:none;color:#fff;padding:9px 18px;cursor:pointer;font-family:Share Tech Mono,monospace;font-size:11px;letter-spacing:1.5px;clip-path:polygon(0 0,100% 0,100% 100%,8px 100%,0 calc(100% - 8px));transition:background var(--t-fast),box-shadow var(--t-fast);white-space:nowrap}.bot-send:hover:not(:disabled){background:#ff5f6d;box-shadow:0 0 14px #ff465580}.bot-send:active:not(:disabled){transform:scale(.97)}.bot-send:disabled{opacity:.4;cursor:not-allowed}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--red);display:inline-block;animation:dotBounce 1.2s infinite}.quick-btn{background:#ff465512;border:1px solid rgba(255,70,85,.2);color:#dce8ffbf;font-family:Share Tech Mono,monospace;font-size:9px;padding:5px 10px;cursor:pointer;letter-spacing:.5px;clip-path:var(--clip-sm);transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);line-height:1.4}.quick-btn:hover{background:#ff46552e;color:var(--white);border-color:#ff465566}.logger-toast{position:fixed;bottom:100px;left:24px;z-index:var(--z-toast);background:var(--surface-2);border:1px solid rgba(240,165,0,.4);clip-path:var(--clip-sm);padding:10px 14px;font-family:Share Tech Mono,monospace;font-size:10px;color:var(--gold);letter-spacing:.8px;animation:loggerPop .3s ease forwards;max-width:260px;line-height:1.5}.logger-toast-label{font-size:8px;color:var(--text-dim);letter-spacing:1.5px;margin-bottom:3px}@media(max-width:1024px){.skills-grid{grid-template-columns:1fr!important}.proj-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:900px){.skills-grid,.proj-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.nav-links{display:none!important}.nav-inner{padding:0 16px!important;gap:10px!important}.hero-wrap{padding:72px 20px 40px!important;flex-direction:column!important;gap:28px!important;min-height:auto!important;align-items:flex-start!important}.hero-card-wrap{align-self:center!important}.hero-card-wrap>div{width:200px!important;height:290px!important}.hero-btns .btn{padding:8px 14px!important;font-size:10px!important;letter-spacing:1px!important}.hero-stats>div{border-right:none!important;border-bottom:1px solid rgba(42,58,80,.35)!important;padding:8px 10px!important}.hero-stats>div:last-child{border-bottom:none!important}.section-inner{padding:60px 20px!important}.skills-cards{grid-template-columns:1fr 1fr!important}.acc-inner,.edu-grid{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:1fr 1fr!important}.proj-grid{grid-template-columns:1fr!important}.contact-btns{flex-direction:column!important;align-items:stretch!important}.contact-btns .btn,.contact-btns a{text-align:center!important;justify-content:center!important}.bot-panel{width:calc(100vw - 24px)!important;inset:64px 12px 86px!important;height:auto!important}.bot-fab{right:16px!important;bottom:20px!important}.msg{font-size:14px!important;line-height:1.65!important;max-width:95%!important}.bot-send{padding:9px 20px!important;font-size:12px!important}.logger-toast{left:16px!important;bottom:96px!important}}@media(max-width:480px){.skills-cards{grid-template-columns:1fr!important}.hero-card-wrap>div{width:160px!important;height:240px!important}.stats-grid{grid-template-columns:1fr!important}}