:root{--background:#1a202c;--foreground:#fff}html,body{max-width:100vw;overflow-x:hidden}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a202c;padding-top:80px;font-family:Poppins,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.gradient-text{background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #ffffff1a;transition:all .3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.service-card{transition:all .3s}.service-card:hover{transform:translateY(-5px)}.skill-card{transition:all .3s}.skill-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #fbbf241a}.yellow-accent{background-color:#fbbf24}.nav-item{position:relative}.nav-item:after{content:"";background:#fbbf24;width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.nav-item:hover:after{width:100%}.pagination-btn{transition:all .3s}.pagination-btn:hover{transform:scale(1.1)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:.8s forwards fadeIn}.animate-slideInLeft{animation:.8s forwards slideInLeft}.animate-slideInRight{animation:.8s forwards slideInRight}.animate-float{animation:3s ease-in-out infinite float}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;opacity:0;visibility:hidden;background:#0009;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;visibility:visible}.drawer-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;background:linear-gradient(135deg,#1e293bfa 0%,#111827fa 100%);border-left:1px solid #ffffff1a;width:60%;min-width:320px;max-width:600px;height:100dvh;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 40px #0006}.drawer-panel.open{transform:translate(0)}.drawer-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4rem 2rem 2rem;position:absolute;inset:0;overflow:hidden auto}.drawer-content::-webkit-scrollbar{width:6px}.drawer-content::-webkit-scrollbar-track{background:#ffffff0d}.drawer-content::-webkit-scrollbar-thumb{background:#fbbf2466;border-radius:3px}.drawer-content::-webkit-scrollbar-thumb:hover{background:#fbbf2499}@media (max-width:768px){.drawer-panel{width:85%;max-width:none}}@media (max-width:480px){.drawer-panel{width:100%}}