@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#06060e;--bg-2:#0a0a1a;--bg-3:#0f0f23;--bg-card:rgba(15,15,35,.7);--glass:rgba(255,255,255,.03);--glass-border:rgba(0,240,255,.12);--ink:#e0e0e0;--ink-2:#8888aa;--ink-3:#555577;--cyan:#00f0ff;--cyan-2:#00c8d6;--cyan-glow:rgba(0,240,255,.15);--cyan-glow-strong:rgba(0,240,255,.35);--magenta:#ff00aa;--magenta-2:#cc0088;--magenta-glow:rgba(255,0,170,.15);--green:#00ff88;--red:#ff3366;--yellow:#ffcc00;--border:rgba(255,255,255,.06);--border-hover:rgba(0,240,255,.25);--r:2px;--r-card:8px;--font-h:"Space Grotesk",system-ui,sans-serif;--font-b:"JetBrains Mono","Fira Code",monospace;--ease:cubic-bezier(.22,1,.36,1)}[data-theme=light]{--bg:#f4f4f8;--bg-2:#eaeaf0;--bg-3:#ffffff;--bg-card:rgba(255,255,255,.85);--glass:rgba(0,0,0,.02);--glass-border:rgba(0,100,180,.15);--ink:#1a1a2e;--ink-2:#555577;--ink-3:#8888aa;--cyan:#0077aa;--cyan-2:#005f88;--cyan-glow:rgba(0,119,170,.1);--cyan-glow-strong:rgba(0,119,170,.25);--magenta:#cc0088;--magenta-2:#aa0066;--magenta-glow:rgba(204,0,136,.1);--green:#008855;--red:#cc2244;--yellow:#b8860b;--border:rgba(0,0,0,.08);--border-hover:rgba(0,100,180,.25)}[data-theme=light] body{background-color:var(--bg);background-image:linear-gradient(rgba(0,100,180,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,100,180,.03) 1px,transparent 1px),radial-gradient(ellipse at 20% 0%,rgba(0,119,170,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(204,0,136,.04) 0%,transparent 50%);background-size:50px 50px,50px 50px,100% 100%,100% 100%}[data-theme=light] .navbar{background:#f4f4f8e6;border-bottom:1px solid var(--glass-border)}[data-theme=light] .nav-menu{background:linear-gradient(180deg,#f4f4f8fa,#eaeaf0fa);border-left:2px solid var(--cyan)}[data-theme=light] .nav-backdrop{background:#0000004d}[data-theme=light] body:after{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.01) 2px,rgba(0,0,0,.01) 4px)}[data-theme=light] .hero:before{background:radial-gradient(circle,rgba(0,119,170,.08),transparent 70%)}[data-theme=light] .card:hover{box-shadow:0 0 20px var(--cyan-glow),0 4px 16px #00000014}.nav-right{display:flex;align-items:center;gap:.6rem}.theme-toggle{display:flex;align-items:center;gap:.35rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r);padding:.35rem .65rem;cursor:pointer;transition:all .3s var(--ease);font-family:var(--font-b);font-size:.68rem;color:var(--ink-2)}.theme-toggle:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-glow);box-shadow:0 0 10px var(--cyan-glow)}.theme-icon{font-size:.85rem;line-height:1}.theme-label{letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.theme-toggle .theme-label{display:none}.theme-toggle{padding:.3rem .5rem}}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}body{font-family:var(--font-b);background:var(--bg);color:var(--ink);line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100%;font-size:.88rem;background-color:var(--bg);background-image:linear-gradient(rgba(0,240,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.015) 1px,transparent 1px),radial-gradient(ellipse at 20% 0%,rgba(0,240,255,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(255,0,170,.04) 0%,transparent 50%);background-size:50px 50px,50px 50px,100% 100%,100% 100%}h1,h2,h3,h4{font-family:var(--font-h);line-height:1.15;letter-spacing:-.02em;font-weight:600;overflow-wrap:break-word;word-wrap:break-word}a{text-decoration:none;color:var(--cyan);transition:all .3s var(--ease);overflow-wrap:break-word;word-wrap:break-word}a:hover{color:var(--magenta);text-shadow:0 0 8px var(--magenta-glow)}p,span{overflow-wrap:break-word;word-wrap:break-word}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px var(--cyan-glow),0 0 15px transparent}50%{box-shadow:0 0 10px var(--cyan-glow-strong),0 0 30px var(--cyan-glow)}}@keyframes borderGlow{0%,to{border-color:var(--glass-border)}50%{border-color:var(--cyan)}}@keyframes textGlow{0%,to{text-shadow:0 0 5px var(--cyan-glow)}50%{text-shadow:0 0 15px var(--cyan-glow-strong),0 0 30px var(--cyan-glow)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.anim-up{animation:fadeUp .8s var(--ease) forwards}.anim-scale{animation:fadeScale .7s var(--ease) forwards}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#06060ed9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);animation:fadeDown .5s var(--ease)}.nav-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;height:60px;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-family:var(--font-h);font-size:1.15rem;font-weight:700;color:var(--ink);letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:.3rem;color:var(--ink)!important;text-decoration:none!important;outline:none!important}.nav-brand:visited,.nav-brand:active,.nav-brand:focus,.nav-brand:focus-visible{color:var(--ink)!important;text-decoration:none!important;outline:none!important;box-shadow:none!important}.nav-brand .brand-grad{background:linear-gradient(135deg,var(--cyan),var(--magenta))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;display:inline-block}.nav-brand:hover .brand-grad{text-shadow:none;background:linear-gradient(135deg,var(--cyan),var(--magenta))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.nav-brand:visited .brand-grad,.nav-brand:active .brand-grad,.nav-brand:focus .brand-grad{text-shadow:none;background:linear-gradient(135deg,var(--cyan),var(--magenta))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.nav-brand .brand-gt{color:var(--cyan);font-weight:400;margin-left:2px;text-shadow:0 0 8px var(--cyan-glow)}.nav-menu,.nav-menu .menu-links{display:flex;gap:.3rem}.nav-menu a{font-family:var(--font-b);font-size:.78rem;color:var(--ink-2);padding:.4rem .9rem;border-radius:var(--r);transition:all .3s var(--ease);text-transform:uppercase;letter-spacing:.08em;border:1px solid transparent;display:inline-flex;align-items:center;position:relative}.nav-menu a:before{content:"[";margin-right:4px;opacity:0;transition:opacity .2s,transform .2s;transform:translate(4px);color:var(--cyan)}.nav-menu a:after{content:"]";margin-left:4px;opacity:0;transition:opacity .2s,transform .2s;transform:translate(-4px);color:var(--cyan)}.nav-menu a:hover:before,.nav-menu a:hover:after,.nav-menu a.on:before,.nav-menu a.on:after{opacity:1;transform:translate(0)}.nav-menu a:hover{color:var(--cyan);border-color:var(--glass-border);background:var(--glass)}.nav-menu a.on{color:var(--cyan);background:var(--cyan-glow);border-color:#00f0ff33;box-shadow:0 0 12px var(--cyan-glow)}.nav-burger{display:none;background:none;border:none;cursor:pointer;width:28px;height:20px;position:relative;z-index:1010;padding:0}.nav-burger span{display:block;width:100%;height:2px;background:var(--cyan);position:absolute;left:0;transition:all .3s var(--ease);box-shadow:0 0 6px var(--cyan-glow)}.nav-burger span:nth-child(1){top:0}.nav-burger span:nth-child(2){top:9px}.nav-burger span:nth-child(3){top:18px}.nav-burger.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02020699;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:999;animation:fadeIn .3s var(--ease) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-header,.menu-footer,.nav-menu a .link-num{display:none}@media (max-width:768px){.nav-burger{display:block}.nav-menu{position:fixed;top:0;right:-100%;width:300px;max-width:85%;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;background:linear-gradient(180deg,#060610fa,#0a0a1afa);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);transition:right .4s cubic-bezier(.22,1,.36,1),visibility .4s var(--ease);border-left:2px solid var(--cyan);box-shadow:-8px 0 32px #00f0ff26;z-index:1000;visibility:hidden;pointer-events:none;padding:2.5rem 1.8rem}.nav-menu.open{right:0;visibility:visible;pointer-events:auto}.nav-menu .menu-header{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.nav-menu .menu-header .menu-title{font-family:var(--font-b);font-size:.75rem;color:var(--ink-2);letter-spacing:.15em;font-weight:600}.nav-menu .menu-header .menu-line{height:1px;background:linear-gradient(90deg,var(--cyan),transparent);width:100%}.nav-menu .menu-links{display:flex;flex-direction:column;gap:1rem;margin:auto 0}.nav-menu a{display:flex;align-items:center;gap:1rem;font-size:.95rem;font-family:var(--font-h);font-weight:500;color:var(--ink-2);padding:.9rem 1.2rem;border-radius:var(--r);border:1px solid transparent;transition:all .3s var(--ease);text-transform:none;letter-spacing:.02em}.nav-menu a .link-num{display:inline;font-family:var(--font-b);font-size:.7rem;color:var(--cyan);opacity:.6}.nav-menu a .link-text{transition:transform .3s var(--ease)}.nav-menu a:hover{color:var(--magenta);border-color:#ff00aa26;background:#ff00aa08;box-shadow:0 0 15px #ff00aa14}.nav-menu a:hover .link-text{transform:translate(5px)}.nav-menu a.on{color:var(--cyan);border-color:#00f0ff40;background:#00f0ff0a;box-shadow:0 0 20px #00f0ff1a}.nav-menu .menu-footer{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-b);font-size:.65rem;color:var(--ink-3);letter-spacing:.1em}.nav-menu .menu-footer .glow-dot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green)}}.sec{max-width:1100px;margin:0 auto;padding:5rem 1.5rem}.sec-head{display:flex;align-items:center;gap:.8rem;margin-bottom:2.5rem;flex-wrap:wrap}.sec-head h2{font-size:clamp(1.3rem,3vw,1.7rem);background:linear-gradient(135deg,var(--cyan),var(--magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sec-head .line{flex:1;height:1px;background:linear-gradient(90deg,var(--glass-border),transparent)}.sec-head .num{font-family:var(--font-b);font-size:.7rem;color:var(--cyan);background:var(--cyan-glow);border:1px solid rgba(0,240,255,.2);padding:.2rem .5rem;border-radius:var(--r);text-shadow:0 0 8px var(--cyan-glow)}.hero{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7rem 1.5rem 4rem;position:relative}.hero,.hero *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.hero:before{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(0,240,255,.06),transparent 70%);pointer-events:none;animation:float 6s ease-in-out infinite}.hero-img-wrap{width:170px;height:170px;border-radius:50%;overflow:hidden;border:2px solid var(--cyan);margin-bottom:2rem;position:relative;box-shadow:0 0 20px var(--cyan-glow),0 0 60px #00f0ff14;animation:glowPulse 3s ease-in-out infinite}.hero-img-wrap img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%) contrast(1.1)}.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:.8rem;color:var(--ink);font-weight:700;letter-spacing:-.03em}.hero h1 span{background:linear-gradient(135deg,var(--cyan),var(--magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 4s ease infinite}.hero p.sub{font-size:.9rem;color:var(--ink-2);max-width:500px;margin:0 auto 2rem;font-family:var(--font-b);line-height:1.8}.hero-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn{font-family:var(--font-b);font-size:.78rem;padding:.6rem 1.4rem;border-radius:var(--r);cursor:pointer;border:1px solid var(--glass-border);background:var(--glass);color:var(--cyan);transition:all .3s var(--ease);text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn:hover{background:var(--cyan-glow);border-color:var(--cyan);box-shadow:0 0 15px var(--cyan-glow),0 0 30px #00f0ff14;color:var(--cyan);text-shadow:0 0 8px var(--cyan-glow)}.btn-primary{background:linear-gradient(135deg,#00f0ff26,#ff00aa1a);border-color:var(--cyan);color:var(--cyan)}.btn-primary:hover{background:linear-gradient(135deg,#00f0ff40,#ff00aa26);box-shadow:0 0 20px var(--cyan-glow),0 0 40px var(--magenta-glow)}.btn-danger{border-color:var(--red);color:var(--red)}.btn-danger:hover{background:#ff33661a;box-shadow:0 0 15px #f363}.card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--r-card);padding:1.5rem;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:all .4s var(--ease)}.card:hover{border-color:#00f0ff4d;box-shadow:0 0 20px var(--cyan-glow),inset 0 0 30px #00f0ff05;transform:translateY(-3px)}.edu-grid,.exp-grid{display:flex;flex-direction:column;gap:1.2rem}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:576px){.form-grid-2{grid-template-columns:1fr;gap:.5rem}}.pf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.pf-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--r-card);overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .4s var(--ease);position:relative}.pf-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00f0ff08,#ff00aa05);opacity:0;transition:opacity .4s;z-index:0}.pf-card:hover{border-color:#00f0ff66;box-shadow:0 0 25px var(--cyan-glow),0 8px 32px #0006;transform:translateY(-5px)}.pf-card:hover:before{opacity:1}.img-wrap{width:100%;height:200px;overflow:hidden;border-bottom:1px solid var(--glass-border);position:relative}.img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease),filter .5s}.pf-card:hover .img-wrap img{transform:scale(1.05);filter:brightness(1.1) contrast(1.05)}.pf-body{padding:1.2rem;position:relative;z-index:1}.pf-body h3{font-size:1rem;margin-bottom:.5rem;color:var(--ink);font-family:var(--font-h)}.pf-body p{font-size:.82rem;color:var(--ink-2);margin-bottom:.8rem;line-height:1.6}.pf-body a{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--cyan);display:inline-flex;align-items:center;gap:.3rem}.pf-body a:hover{color:var(--magenta)}.tech-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.tech-tag{font-size:.65rem;padding:.2rem .5rem;background:var(--cyan-glow);border:1px solid rgba(0,240,255,.15);border-radius:var(--r);color:var(--cyan);font-family:var(--font-b);letter-spacing:.05em}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.skill-item{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--r-card);padding:1rem 1.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s var(--ease)}.skill-item:hover{border-color:#00f0ff4d;box-shadow:0 0 15px var(--cyan-glow)}.skill-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skill-label span:first-child{font-family:var(--font-h);font-size:.85rem;color:var(--ink)}.skill-label span:last-child{font-size:.7rem;color:var(--cyan);font-family:var(--font-b)}.skill-bar{width:100%;height:4px;background:var(--bg-3);border-radius:2px;overflow:hidden;border:1px solid var(--border)}.skill-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--cyan),var(--magenta));transition:width 1.2s var(--ease);box-shadow:0 0 8px var(--cyan-glow)}.timeline-item{position:relative;padding-left:1.5rem;border-left:2px solid var(--glass-border);transition:all .3s var(--ease)}.timeline-item:hover{border-left-color:var(--cyan)}.timeline-item:before{content:"";position:absolute;left:-5px;top:.4rem;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan-glow)}.timeline-item h3{font-family:var(--font-h);font-size:1rem;margin-bottom:.2rem;color:var(--ink)}.timeline-item .period{font-size:.72rem;color:var(--cyan);margin-bottom:.3rem;font-family:var(--font-b);letter-spacing:.05em}.timeline-item .place{font-size:.82rem;color:var(--ink-2);font-style:italic}.timeline-item p{font-size:.82rem;color:var(--ink-2);margin-top:.3rem;line-height:1.6}.footer{border-top:1px solid var(--glass-border);padding:2rem 1.5rem;text-align:center;background:#06060e80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer p{font-size:.75rem;color:var(--ink-3);font-family:var(--font-b);letter-spacing:.05em}.footer p:before{content:"> ";color:var(--cyan)}.scroll-top{position:fixed;bottom:2rem;right:2rem;z-index:999;width:44px;height:44px;border-radius:50%;background:var(--bg-card);border:1px solid var(--glass-border);color:var(--cyan);font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:all .3s var(--ease);animation:fadeUp .4s var(--ease);box-shadow:0 0 15px var(--cyan-glow)}.scroll-top:hover{background:var(--cyan-glow);border-color:var(--cyan);box-shadow:0 0 20px var(--cyan-glow),0 0 40px #00f0ff1a;transform:translateY(-3px);color:var(--cyan);text-shadow:0 0 8px var(--cyan-glow)}@media (max-width:480px){.scroll-top{bottom:1.2rem;right:1.2rem;width:38px;height:38px;font-size:1rem}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 1.5rem;background:radial-gradient(ellipse at center,rgba(0,240,255,.03),transparent 60%)}.login-wrap .card{width:100%;max-width:400px;padding:2.5rem;text-align:center}.login-wrap h1{font-size:1.5rem;margin-bottom:.3rem;background:linear-gradient(135deg,var(--cyan),var(--magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-wrap .sub{font-size:.8rem;color:var(--ink-2);margin-bottom:1.8rem}.form-group{margin-bottom:1rem;text-align:left}.form-group label{display:block;font-size:.72rem;color:var(--ink-2);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-b)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.7rem .9rem;background:var(--bg-3);border:1px solid var(--glass-border);border-radius:var(--r);color:var(--ink);font-family:var(--font-b);font-size:.85rem;transition:all .3s var(--ease);outline:none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--cyan);box-shadow:0 0 10px var(--cyan-glow)}.form-group textarea{min-height:80px;resize:vertical}.admin-wrap{max-width:1100px;margin:0 auto;padding:5rem 1.5rem 3rem}.admin-tabs{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:2rem;border-bottom:1px solid var(--glass-border);padding-bottom:.5rem}.admin-tabs button{font-family:var(--font-b);font-size:.78rem;padding:.5rem 1rem;border-radius:var(--r) var(--r) 0 0;border:1px solid transparent;border-bottom:none;background:transparent;color:var(--ink-2);cursor:pointer;transition:all .3s var(--ease);text-transform:uppercase;letter-spacing:.06em}.admin-tabs button:hover{color:var(--cyan);background:var(--glass)}.admin-tabs button.active{color:var(--cyan);background:var(--cyan-glow);border-color:#00f0ff33;box-shadow:0 0 10px var(--cyan-glow)}.admin-section{animation:fadeUp .5s var(--ease)}.item-list{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem}.item-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--r-card);padding:1rem 1.2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s var(--ease)}.item-card:hover{border-color:#00f0ff40;box-shadow:0 0 10px var(--cyan-glow)}.item-card .info{flex:1;min-width:0}.item-card .info h4{font-size:.9rem;margin-bottom:.15rem;color:var(--ink)}.item-card .info p{font-size:.78rem;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card .actions{display:flex;gap:.4rem}.err-msg{background:#ff33661a;border:1px solid rgba(255,51,102,.3);color:var(--red);padding:.6rem .8rem;border-radius:var(--r);font-size:.82rem;margin-bottom:1rem}.success-msg{background:#00ff8814;border:1px solid rgba(0,255,136,.25);color:var(--green);padding:.6rem .8rem;border-radius:var(--r);font-size:.82rem;margin-bottom:1rem}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.loader-ring{width:40px;height:40px;border-radius:50%;border:2px solid var(--glass-border);border-top-color:var(--cyan);border-right-color:var(--magenta);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){body{font-size:.82rem}.sec{padding:2.5rem 1rem}.hero{padding:5rem 1rem 2.5rem;min-height:auto}.hero h1{font-size:1.8rem}.hero p.sub{font-size:.82rem;max-width:100%;padding:0 .5rem}.hero-img-wrap{width:120px;height:120px;margin-bottom:1.5rem}.hero-links{gap:.6rem}.hero-links .btn{padding:.5rem 1rem;font-size:.72rem}.pf-grid{grid-template-columns:1fr;gap:1rem}.pf-card .img-wrap{height:160px}.skills-grid{grid-template-columns:1fr;gap:.8rem}.sec-head{gap:.5rem;margin-bottom:1.8rem}.sec-head h2{font-size:1.2rem}.sec-head .num{font-size:.65rem}.timeline-item{padding-left:1.2rem}.admin-tabs{gap:.15rem;margin-bottom:1.2rem}.admin-tabs button{font-size:.68rem;padding:.35rem .6rem}.admin-wrap{padding:4.5rem 1rem 2rem}.login-wrap{padding:5rem 1rem}.login-wrap .card{padding:1.8rem 1.2rem}.form-group input,.form-group textarea,.form-group select{font-size:.82rem;padding:.6rem .7rem}.item-card{padding:.8rem 1rem}.item-card .info h4{font-size:.82rem}.item-card .info p{font-size:.72rem}.footer{padding:1.5rem 1rem}}@media (max-width:480px){body{font-size:.78rem}.hero h1{font-size:1.5rem}.hero-img-wrap{width:100px;height:100px}.hero-links{flex-direction:column;width:100%}.hero-links .btn{width:100%;text-align:center}.sec{padding:2rem .8rem}.sec-head h2{font-size:1.1rem}.nav-inner{padding:0 .8rem;height:52px}.nav-brand{font-size:1rem}.timeline-item h3{font-size:.9rem}.skill-item{padding:.8rem}.admin-wrap{padding:4rem .8rem 1.5rem}.admin-tabs button{font-size:.62rem;padding:.3rem .5rem}.item-card{flex-direction:column;align-items:flex-start;gap:.6rem}.item-card .actions{width:100%}.item-card .actions .btn{flex:1;text-align:center}}.card,.skill-item{position:relative}.card:before,.skill-item:before{content:"";position:absolute;top:-1px;left:-1px;width:8px;height:8px;border-top:2px solid var(--cyan);border-left:2px solid var(--cyan);opacity:.5;transition:all .3s var(--ease);pointer-events:none}.card:after,.skill-item:after{content:"";position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-bottom:2px solid var(--magenta);border-right:2px solid var(--magenta);opacity:.5;transition:all .3s var(--ease);pointer-events:none}.card:hover:before,.skill-item:hover:before{opacity:1;box-shadow:-2px -2px 8px var(--cyan);width:12px;height:12px}.card:hover:after,.skill-item:hover:after{opacity:1;box-shadow:2px 2px 8px var(--magenta);width:12px;height:12px}.game-card-wrapper{max-width:420px;width:100%;margin:0 auto;padding:1.5rem;text-align:center;display:flex;flex-direction:column;box-sizing:border-box}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem;width:100%}.game-header h3{font-size:1.05rem;margin:0}.game-scores{display:flex;justify-content:space-around;margin:.5rem 0;font-size:.8rem;font-family:var(--font-b);width:100%}.game-content-layout{display:flex;flex-direction:column;align-items:center;width:100%}.game-canvas-container{position:relative;width:100%;max-width:var(--game-max-w, 280px);aspect-ratio:var(--aspect-ratio, 1/1);margin:1rem auto;border-radius:8px;overflow:hidden;border:1px solid var(--glass-border);touch-action:none}.game-canvas-container canvas{width:100%;height:100%;display:block}.game-controls-container{width:100%;margin-top:.5rem}.game-instructions{font-size:.62rem;color:var(--ink-3);margin-top:.8rem;line-height:1.45}.game-card-wrapper.fullscreen-active,.game-card-wrapper:fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#06060e!important;background-image:linear-gradient(rgba(0,240,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.015) 1px,transparent 1px)!important;background-size:40px 40px,40px 40px!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;padding:2rem 1.5rem!important;border:none!important;border-radius:0!important;overflow:hidden!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important}.game-card-wrapper.fullscreen-active .game-header,.game-card-wrapper:fullscreen .game-header{max-width:800px;flex-shrink:0}.game-card-wrapper.fullscreen-active .game-scores,.game-card-wrapper:fullscreen .game-scores{max-width:600px;margin:.8rem 0;flex-shrink:0}.game-card-wrapper.fullscreen-active .game-content-layout,.game-card-wrapper:fullscreen .game-content-layout{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:800px;min-height:0;overflow:hidden}.game-card-wrapper.fullscreen-active .game-canvas-container,.game-card-wrapper:fullscreen .game-canvas-container{max-height:calc(100% - var(--game-controls-h, 160px));max-width:min(90vw,calc((100vh - 240px) * var(--aspect-ratio-multiplier, 1)));width:100%;height:100%;margin:.5rem auto;flex-shrink:1}.game-card-wrapper.fullscreen-active .game-controls-container,.game-card-wrapper:fullscreen .game-controls-container{margin-top:.4rem;flex-shrink:0}.game-card-wrapper.fullscreen-active .game-instructions,.game-card-wrapper:fullscreen .game-instructions{margin-top:.4rem}@media (orientation: landscape) and (max-height: 520px){.game-card-wrapper.fullscreen-active,.game-card-wrapper:fullscreen{padding:.5rem 1rem!important}.game-card-wrapper.fullscreen-active .game-scores,.game-card-wrapper:fullscreen .game-scores{margin:.2rem 0}.game-card-wrapper.fullscreen-active .game-content-layout,.game-card-wrapper:fullscreen .game-content-layout{flex-direction:row!important;justify-content:space-around;align-items:center;gap:1.5rem}.game-card-wrapper.fullscreen-active .game-canvas-container,.game-card-wrapper:fullscreen .game-canvas-container{max-height:calc(100vh - 70px)!important;max-width:calc((100vh - 70px) * var(--aspect-ratio-multiplier, 1))!important;margin:0}.game-card-wrapper.fullscreen-active .game-controls-container,.game-card-wrapper:fullscreen .game-controls-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:0;width:auto}.game-card-wrapper.fullscreen-active .game-instructions,.game-card-wrapper:fullscreen .game-instructions{display:none!important}}