#root{max-width:1440px;margin:0 auto;padding:0 1rem;text-align:center}body{background:linear-gradient(180deg,#090909,#1a1a1a);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.logo{height:6rem;padding:1.5rem;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2rem}.read-the-docs{color:#888}.section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;background:linear-gradient(180deg,#141414cc,#0a0a0ae6);border-radius:1rem;padding:1rem}.section.fade-in{opacity:1;transform:translateY(0)}html{scroll-behavior:smooth}.hero-container{position:relative;width:100%;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden}@media (min-width: 1024px){.hero-container{min-height:90vh}}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-10}.hero-video:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:-5}.hero-profile-img{width:12rem;height:12rem;border-radius:50%;border:4px solid white;transition:filter .5s ease;will-change:transform,box-shadow}.hero-profile-img:hover{filter:brightness(125%)}@media (max-width: 768px){.hero-profile-img{width:8rem;height:8rem}}.hero-text{margin-top:2rem;color:#fff;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.6);font-size:clamp(2rem,5vw,3.5rem)}@media (max-width: 768px){.hero-text{font-size:clamp(1.5rem,4vw,2rem)}}.hero-content{text-align:center;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.fullscreen-modal{position:fixed;top:0;left:0;z-index:50;width:100vw;height:100vh;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;background:#0009}.modal-content{width:90%;max-width:1400px;position:relative}.project-card{width:320px;height:200px;overflow:hidden;border-radius:1rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.project-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.7}.project-video:hover{opacity:1}.project-title{position:absolute;bottom:.75rem;left:.75rem;font-size:1.25rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.close-button{background:#ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;padding:.75rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-button:hover{background:#fff3}@media (max-width: 768px){.project-card{width:240px;height:150px}.modal-content{width:95%;max-width:600px}.project-title{font-size:1rem}.close-button{width:32px;height:32px;padding:.5rem}}.certificate-glass-frame{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;width:clamp(300px,50vw,600px);max-width:600px;padding:1rem;box-shadow:0 4px 20px #0000004d}.certificate-image{width:100%;height:auto;border-radius:.5rem}.certificate-title{font-size:1.5rem;font-weight:600;color:#fff;margin-top:1rem}.certificate-institute,.certificate-date{margin-top:.5rem}.glass-button{background:#ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;padding:.5rem;display:flex;align-items:center;justify-content:center}.glass-button:hover{background:#fff3}@media (max-width: 768px){.certificate-glass-frame{width:clamp(250px,80vw,400px)}.certificate-title{font-size:1.25rem}.certificate-institute,.certificate-date{font-size:.875rem}}.glass-skill-card{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 20px #0000004d;transition:all .3s ease}.glass-skill-card:hover{transform:scale(1.05)}.skill-icon{width:80px;height:80px;margin-bottom:1rem}.skill-name{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.75rem}.skill-stars{display:flex;gap:.25rem}.skill-star{font-size:1.25rem}@media (max-width: 768px){.glass-skill-card{padding:1rem}.skill-icon{width:60px;height:60px}.skill-name{font-size:1.25rem}.skill-star{font-size:1rem}}@media (max-width: 640px){.container{grid-template-columns:repeat(2,1fr)}}.resume-glass-card{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:1rem;padding:2rem;max-width:800px;width:100%;box-shadow:0 4px 20px #0000004d}.resume-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.resume-text{font-size:1.25rem;color:#fffc;margin-bottom:2rem}.resume-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(to right,#4f46e5,#7c3aed);border-radius:.5rem;color:#fff;font-weight:600;transition:all .3s ease}.resume-button:hover{transform:scale(1.05)}@media (max-width: 768px){.resume-glass-card{max-width:500px;padding:1.5rem}.resume-title{font-size:2rem}.resume-text{font-size:1rem}}.footer-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 20px #0000004d}.footer-section h3{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.footer-section p,.footer-section li{color:#d1d5db;font-size:1rem}@media (max-width: 768px){.footer-section{padding:1rem}.footer-section h3{font-size:1.5rem}.footer-section p,.footer-section li{font-size:.875rem}}