@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}html{scroll-behavior:smooth}:root,[data-theme=dark]{--bg:#050a0f;--bg-card:#050f0a;--bg-nav:#050a0feb;--green:#0f8;--green-dim:#4a8a6a;--green-dark:#0d2a1a;--text:#c8d8e8;--text-muted:#7a9ab0;--border:#0d2a1a;--font-mono:"Share Tech Mono", monospace;--font-display:"Orbitron", sans-serif}[data-theme=light]{--bg:#f0faf5;--bg-card:#fff;--bg-nav:#f0faf5f2;--green:#0a5;--green-dim:#2a7a4a;--green-dark:#b0e8cc;--text:#0a1a10;--text-muted:#3a6a4a;--border:#b0ddc0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--green);border-radius:3px}body{background:var(--bg);color:var(--text);font-family:Courier New,monospace;transition:background .3s,color .3s;overflow-x:hidden}@keyframes glitch{0%{clip-path:inset(20% 0 60%);color:#ff003c;transform:translate(-4px)}25%{clip-path:inset(60% 0 10%);color:#00e5ff;transform:translate(4px)}50%{clip-path:inset(40% 0);color:#0f8;transform:translate(-2px)}75%{clip-path:inset(10% 0 70%);color:#ff003c;transform:translate(3px)}to{clip-path:inset(0);color:inherit;transform:translate(0)}}@keyframes scanline{0%{top:-10%}to{top:110%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #0f85}50%{box-shadow:0 0 24px #0f8c}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flicker{0%,95%,to{opacity:1}96%,99%{opacity:.6}}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.grid-bg{background-image:linear-gradient(#00ff8808 1px,#0000 1px),linear-gradient(90deg,#00ff8808 1px,#0000 1px);background-size:40px 40px}[data-theme=light] .grid-bg{background-image:linear-gradient(#00aa550f 1px,#0000 1px),linear-gradient(90deg,#00aa550f 1px,#0000 1px)}.section-label{font-family:var(--font-mono);letter-spacing:4px;color:var(--green);margin-bottom:12px;font-size:11px}.section-title{font-family:var(--font-display);margin-bottom:48px;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.2}.section-title span{color:var(--green)}.btn{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;cursor:pointer;border:none;align-items:center;gap:10px;padding:14px 32px;font-size:13px;transition:all .3s;display:inline-flex}.btn-primary{background:var(--green);color:var(--bg)}.btn-primary:hover{filter:brightness(.85);transform:translateY(-2px);box-shadow:0 0 30px #0f86}.btn-secondary{color:var(--green);border:1px solid var(--green);background:0 0}.btn-secondary:hover{background:#00ff8814;transform:translateY(-2px);box-shadow:0 0 20px #0f83}.nav-link{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:8px 16px;font-size:13px;transition:all .3s;position:relative}.nav-link:after{content:"";background:var(--green);height:1px;transition:all .3s;position:absolute;bottom:0;left:50%;right:50%}.nav-link:hover,.nav-link.active{color:var(--green)}.nav-link:hover:after,.nav-link.active:after{left:16px;right:16px}.skill-tag{border:1px solid var(--border);letter-spacing:2px;cursor:default;background:var(--bg-card);font-size:12px;font-family:var(--font-mono);color:var(--text-muted);padding:6px 14px;transition:all .3s}.skill-tag:hover{border-color:var(--green);color:var(--green);box-shadow:0 0 12px #0f83}.project-card{border:1px solid var(--border);cursor:pointer;background:var(--bg-card);padding:32px;transition:all .4s;position:relative;overflow:hidden}.project-card:before{content:"";opacity:0;background:linear-gradient(135deg,#00ff8808 0%,#0000 50%);transition:opacity .4s;position:absolute;inset:0}.project-card:hover{border-color:var(--green);transform:translateY(-4px);box-shadow:0 0 40px #00ff881a}.project-card:hover:before{opacity:1}.stat-card{border:1px solid var(--border);text-align:center;background:var(--bg-card);padding:32px;transition:all .3s;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--green);height:2px;transition:transform .4s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.stat-card:hover{border-color:var(--green);box-shadow:0 0 24px #00ff881a}.stat-card:hover:after{transform:scaleX(1)}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{font-family:var(--font-mono);letter-spacing:3px;color:var(--green);text-transform:uppercase;font-size:11px}.form-input{background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);resize:none;outline:none;width:100%;padding:14px 16px;font-size:14px;transition:all .3s}.form-input:focus{border-color:var(--green);box-shadow:0 0 16px #00ff881a}.form-input::placeholder{color:var(--text-muted);opacity:.5}.filter-btn{font-family:var(--font-mono);letter-spacing:2px;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;text-transform:uppercase;background:0 0;padding:6px 16px;font-size:11px;transition:all .3s}.filter-btn:hover,.filter-btn.active{border-color:var(--green);color:var(--green);background:#00ff880d}.hex-spinner{border:2px solid #0000;border-top-color:var(--green);border-right-color:#0f83;border-radius:50%;width:80px;height:80px;animation:3s linear infinite rotate-slow}.divider{align-items:center;gap:20px;max-width:1100px;margin:0 auto;padding:0 40px;display:flex}.divider-line{flex:1;height:1px}.divider-line.left{background:linear-gradient(to right, transparent, var(--border))}.divider-line.right{background:linear-gradient(to left, transparent, var(--border))}.divider-dot{background:var(--green);width:8px;height:8px;animation:2s infinite pulse-glow;transform:rotate(45deg)}.theme-toggle{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:2px;cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .3s;display:flex}.theme-toggle:hover{border-color:var(--green);color:var(--green)}.game-container{border:1px solid var(--border);background:var(--bg-card);border-radius:0;padding:24px}@media (width<=768px){.desktop-nav{display:none!important}.about-grid{grid-template-columns:1fr!important;gap:40px!important}.stats-grid{grid-template-columns:1fr 1fr!important}.contact-grid{grid-template-columns:1fr!important;gap:32px!important}}@media (width>=769px){.mobile-menu-btn,.mobile-nav{display:none!important}}@media (width<=768px){section{padding-left:20px!important;padding-right:20px!important}.divider{padding:0 20px}#home{padding-top:90px!important;padding-bottom:40px!important}#home h1{font-size:clamp(32px,10vw,52px)!important}#about{padding-top:60px!important;padding-bottom:60px!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.stat-card{padding:20px 16px!important}#projects{padding-top:60px!important;padding-bottom:60px!important}.project-card{padding:20px!important}#contact{padding-top:60px!important;padding-bottom:60px!important}.contact-grid{grid-template-columns:1fr!important;gap:32px!important}.btn{padding:12px 20px!important;font-size:12px!important}nav{padding:0 16px!important}}@media (width<=480px){.stats-grid{grid-template-columns:1fr 1fr!important}#home h1{font-size:30px!important}}@media (width<=768px){.students-grid{grid-template-columns:1fr!important}}