.admin-header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.admin-navbar{justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:14px 20px;display:flex}.admin-brand{color:#111827;font-size:1.1rem;font-weight:700}.admin-nav-links{align-items:center;gap:16px;display:flex}.admin-nav-links a{color:#4b5563;border-radius:8px;padding:8px 10px;font-weight:500;text-decoration:none;transition:all .2s}.admin-nav-links a:hover{color:#111827;background:#f3f4f6}.admin-nav-links a.active{color:#fff;background:#111827}.admin-logout-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:9px 14px;font-weight:600;transition:all .2s}.admin-logout-btn:hover{background:#b91c1c}.admin-hamburger{cursor:pointer;background:#111827;border:none;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:8px;display:none}.admin-hamburger span{background:#fff;border-radius:999px;width:100%;height:2.5px;transition:all .25s;display:block}.admin-hamburger.open span:first-child{transform:translateY(7.5px)rotate(45deg)}.admin-hamburger.open span:nth-child(2){opacity:0}.admin-hamburger.open span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}@media (width<=900px){.admin-hamburger{display:flex}.admin-nav-links{background:#fffffffa;border-bottom:1px solid #e5e7eb;flex-direction:column;align-items:stretch;gap:8px;padding:16px 20px 20px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 24px #00000014}.admin-nav-links.show{display:flex}.admin-nav-links a{width:100%;padding:12px 14px}.admin-logout-btn{width:100%;margin-top:4px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:linear-gradient(-45deg,#0f172a,#1e293b,#0ea5e9,#6366f1) 0 0/400% 400%;font-family:Inter,sans-serif;animation:12s infinite gradientBG;overflow-x:hidden}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.loading{color:#fff;place-items:center;min-height:100vh;display:grid}.home-page{color:#f8fafc;background:radial-gradient(circle at 0 0,#6366f12e,#0000 28%),radial-gradient(circle at 100% 0,#38bdf824,#0000 25%),linear-gradient(135deg,#070b14 0%,#0f172a 45%,#111827 100%);min-height:100vh;position:relative;overflow:hidden}.nav{z-index:20;-webkit-backdrop-filter:blur(14px);background:#070b1459;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:18px 24px;display:flex;position:sticky;top:0}.nav h2{color:#f8fafc;font-size:1.1rem;font-weight:700}.nav-links{flex-wrap:wrap;gap:18px;display:flex}.nav a{color:#cbd5e1;font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.nav a:hover{color:#fff}.nav a:hover:after{content:"";background:linear-gradient(90deg,#60a5fa,#a78bfa,#22d3ee);border-radius:999px;width:100%;height:2px;position:absolute;bottom:-6px;left:0}.home-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:1000px;min-height:calc(100vh - 90px);margin:0 auto;padding:0 24px;display:flex}.home-kicker{color:#93c5fd;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px;font-size:.95rem;font-weight:600}.home-title{max-width:950px;margin-bottom:20px;font-size:clamp(2.8rem,7vw,5.8rem);font-weight:800;line-height:1.05}.home-title span{background:linear-gradient(90deg,#60a5fa,#a78bfa,#22d3ee);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.home-subtitle{color:#cbd5e1;max-width:760px;margin-bottom:32px;font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.8}.home-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.home-btn{border-radius:999px;padding:12px 22px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s}.home-btn:hover{transform:translateY(-2px)}.primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 10px 30px #3b82f640}.primary-btn:hover{box-shadow:0 14px 36px #7c3aed59}.secondary-btn{color:#e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff2e}.secondary-btn:hover{background:#ffffff1f}.page-section{z-index:1;max-width:1200px;margin:0 auto;padding:70px 24px 20px;position:relative}.section-title{text-align:center;margin-bottom:26px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;padding:24px;transition:all .35s}.card:hover{transform:perspective(1000px)rotateX(4deg)rotateY(4deg)scale(1.03);box-shadow:0 15px 30px #00000059}.card h3,.card h4{margin-bottom:10px}.card p{color:#cbd5e1;line-height:1.8}.card img{transition:all .3s}.card img:hover{transform:scale(1.03)}.tags{flex-wrap:wrap;gap:12px;display:flex}.tags span{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;padding:8px 14px}.links{margin-top:12px}.links a{color:#38bdf8;margin-right:14px;text-decoration:none}.links a:hover{text-decoration:underline}.project-category-block{margin-bottom:56px}.project-category-head{justify-content:center;margin-bottom:22px;display:flex}.project-category-title{color:#f8fafc;text-transform:capitalize;font-size:1.5rem;font-weight:700}.project-list{grid-template-columns:repeat(2,1fr);gap:24px;max-width:1000px;margin:0 auto;display:grid}.project-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:240px;padding:24px;display:flex;box-shadow:0 10px 30px #0000002e}.project-card:hover{box-shadow:0 18px 40px #00000038}.project-card-top{margin-bottom:14px}.project-title{color:#fff;font-size:1.35rem;font-weight:700;line-height:1.3}.project-description{color:#cbd5e1;margin-bottom:20px;font-size:.98rem;line-height:1.8}.project-actions{flex-wrap:wrap;gap:12px;display:flex}.project-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex}.project-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #3b82f647}.project-btn-outline{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff24}.project-btn-outline:hover{box-shadow:none;background:#ffffff1f}.contact{padding-bottom:100px}.birds{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bird{opacity:.75;filter:brightness(0)invert();background-image:url(https://cdn-icons-png.flaticon.com/512/616/616490.png);background-repeat:no-repeat;background-size:contain;width:42px;height:42px;position:absolute}.bird-1{animation:16s linear infinite fly1;top:18%;left:-80px}.bird-2{animation:22s linear 2s infinite fly2;top:36%;left:-120px;transform:scale(.85)}.bird-3{animation:19s linear 5s infinite fly3;top:60%;left:-100px;transform:scale(1.1)}.bird-4{animation:24s linear 1s infinite fly4;top:75%;left:-140px;transform:scale(.9)}@keyframes fly1{0%{opacity:0;transform:translate(0)translateY(0)scale(1)}10%{opacity:.7}50%{transform:translate(55vw)translateY(-24px)scale(1.05)}to{opacity:0;transform:translate(115vw)translateY(-60px)scale(1)}}@keyframes fly2{0%{opacity:0;transform:translate(0)translateY(0)scale(.85)}12%{opacity:.65}50%{transform:translate(60vw)translateY(18px)scale(.92)}to{opacity:0;transform:translate(120vw)translateY(-40px)scale(.85)}}@keyframes fly3{0%{opacity:0;transform:translate(0)translateY(0)scale(1.1)}10%{opacity:.55}50%{transform:translate(58vw)translateY(-16px)scale(1.15)}to{opacity:0;transform:translate(118vw)translateY(-80px)scale(1.1)}}@keyframes fly4{0%{opacity:0;transform:translate(0)translateY(0)scale(.9)}14%{opacity:.5}50%{transform:translate(52vw)translateY(10px)scale(.95)}to{opacity:0;transform:translate(115vw)translateY(-30px)scale(.9)}}@media (width<=900px){.project-list{grid-template-columns:1fr;max-width:680px}}@media (width<=768px){.nav{flex-direction:column;align-items:flex-start;gap:12px}.nav-links{gap:14px}.home-hero{min-height:calc(100vh - 80px);padding:0 20px}.home-subtitle{line-height:1.65}.bird{opacity:.45;width:30px;height:30px}.page-section{padding:56px 20px 20px}}.skills-groups{flex-direction:column;gap:28px;display:flex}.skills-groups{flex-direction:column;gap:28px;max-width:1000px;margin:0 auto;display:flex}.skill-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:22px}.skill-group-title{color:#f8fafc;margin-bottom:14px;font-size:1.2rem;font-weight:700}.timeline{border-left:2px solid #ffffff24;max-width:900px;margin:0 auto;padding-left:30px;position:relative}.timeline-item{padding:0 0 32px 24px;position:relative}.timeline-dot{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;width:18px;height:18px;position:absolute;top:8px;left:-11px;box-shadow:0 0 0 4px #ffffff0d}.timeline-content{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;padding:18px 20px}.timeline-content h3{margin-bottom:6px;font-size:1.2rem;font-weight:700}.timeline-company{color:#cbd5e1;margin-bottom:4px}.timeline-duration{color:#94a3b8;font-size:.95rem}.hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.hamburger span{background:#fff;border-radius:4px;width:26px;height:3px;transition:all .3s}.hamburger.active span:first-child{transform:rotate(45deg)translateY(8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translateY(-8px)}@media (width<=768px){.nav{flex-direction:row}.hamburger{display:flex}.nav-links{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#070b14f2;border-radius:12px;flex-direction:column;gap:14px;width:200px;padding:16px;transition:all .3s;position:absolute;top:70px;right:20px;transform:translateY(-10px)}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}}.contact-box{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff12;border:1px solid #ffffff14;border-radius:24px;grid-template-columns:1.1fr .9fr;gap:28px;max-width:1000px;margin:0 auto;padding:28px;display:grid;box-shadow:0 14px 34px #0000002e}.contact-left,.contact-right{flex-direction:column;justify-content:center;display:flex}.contact-kicker{color:#93c5fd;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:.9rem;font-weight:700}.contact-heading{color:#fff;margin-bottom:14px;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;line-height:1.2}.contact-text{color:#cbd5e1;font-size:1rem;line-height:1.8}.contact-right{gap:18px}.contact-item{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:16px;padding:16px 18px}.contact-label{text-transform:uppercase;letter-spacing:.12em;color:#94a3b8;margin-bottom:8px;font-size:.82rem;font-weight:700;display:block}.contact-value{color:#f8fafc;word-break:break-word;font-size:1rem;line-height:1.6}.contact-socials{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.contact-social-link{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex}.contact-social-link:hover{transform:translateY(-2px);box-shadow:0 10px 24px #3b82f647}@media (width<=768px){.contact-box{grid-template-columns:1fr;padding:22px}.contact-heading{font-size:1.6rem}}.project-list{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.project-card{border-radius:12px;min-height:140px;padding:14px;font-size:14px}.project-image{object-fit:cover;border-radius:10px;width:100%;height:120px;margin-bottom:10px}