@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.toast-container{position:fixed;top:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast{background:var(--color-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);min-width:300px;display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;box-shadow:0 10px 30px #0003}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{background:#10b981;color:#fff}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{background:#ef4444;color:#fff}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{background:#3b82f6;color:#fff}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{background:#f59e0b;color:#fff}.toast-message{flex:1;font-size:var(--font-size-sm);font-weight:500}@media(max-width:768px){.toast-container{right:10px;left:10px}.toast{min-width:auto}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--color-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);transition:all var(--transition-base)}.navbar.scrolled{background:#0f172af2;box-shadow:0 4px 20px #0000001a}[data-theme=light] .navbar{background:#fffc}[data-theme=light] .navbar.scrolled{background:#fffffff2}.navbar-container{max-width:1200px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-size:var(--font-size-xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all var(--transition-base)}.navbar-logo:hover{transform:scale(1.05);filter:brightness(1.2)}.navbar-menu{display:flex;gap:var(--spacing-lg);list-style:none}.navbar-link{color:var(--color-text-secondary);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-base);position:relative}.navbar-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base)}.navbar-link:hover{color:var(--color-primary)}.navbar-link:hover:after{width:80%}.navbar-link.active{color:var(--color-primary);background:#06b6d41a}.navbar-link.active:after{width:80%}.navbar-toggle{display:none;background:none;border:none;color:var(--color-text-primary);font-size:1.5rem;cursor:pointer;padding:var(--spacing-xs)}@media(max-width:768px){.navbar-toggle{display:block}.navbar-menu{position:fixed;top:70px;left:0;right:0;flex-direction:column;background:var(--color-bg-primary);border-top:1px solid var(--color-border);padding:var(--spacing-lg);gap:var(--spacing-md);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--transition-base)}.navbar-menu.active{transform:translateY(0);opacity:1;pointer-events:all}.navbar-link{width:100%;text-align:center;padding:var(--spacing-md)}}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-xl) 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-content p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.social-links{display:flex;gap:var(--spacing-md)}.social-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-base);color:var(--color-text-secondary)}.social-links a:hover{background:var(--gradient-primary);transform:translateY(-3px);box-shadow:var(--shadow-md);color:#fff}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center}}.theme-toggle{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 8px 32px #0000001a;transition:all var(--transition-base)}.theme-toggle:hover{box-shadow:0 12px 40px #06b6d44d;border-color:var(--color-primary)}.theme-toggle-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.theme-toggle{width:50px;height:50px;bottom:1.5rem;right:1.5rem}.theme-toggle-icon{font-size:1.25rem}}.scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:#94a3b81a;z-index:9999}.scroll-progress-bar{height:100%;background:var(--gradient-primary);transition:width .1s ease-out;box-shadow:0 0 10px #06b6d480}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;z-index:10000}.loading-content{text-align:center}.loading-logo{font-size:5rem;font-weight:800;margin-bottom:var(--spacing-lg)}.loading-text{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.cursor-trail-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.cursor-trail-dot{position:absolute;width:8px;height:8px;background:var(--gradient-primary);border-radius:50%;pointer-events:none;transition:opacity .3s ease,transform .3s ease;box-shadow:0 0 10px #06b6d480}@media(max-width:768px){.cursor-trail-container{display:none}}.easter-egg-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;background:var(--color-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--color-primary);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);max-width:500px;text-align:center;box-shadow:0 20px 60px #06b6d466}.easter-egg-content h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.easter-egg-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.secret-message{background:var(--color-bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0;border-left:4px solid var(--color-primary)}.secret-message p{font-style:italic;font-size:var(--font-size-lg);margin:0}.secret-author{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.easter-egg-animation{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.confetti{position:absolute;width:10px;height:10px;border-radius:2px}@media(max-width:768px){.easter-egg-modal{max-width:90%;padding:var(--spacing-xl)}}.command-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999}.command-palette-wrapper{position:fixed;top:20%;left:50%;transform:translate(-50%);width:90%;max-width:640px;z-index:10000}.command-palette{background:var(--color-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;overflow:hidden}.command-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.command-icon{font-size:1.5rem}.command-palette input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:var(--font-size-base)}.command-palette input::placeholder{color:var(--color-text-muted)}.command-kbd{background:var(--color-bg-tertiary);padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:monospace;border:1px solid var(--color-border)}.command-palette [cmdk-list]{max-height:400px;overflow-y:auto;padding:var(--spacing-sm)}.command-palette [cmdk-group-heading]{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.command-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary)}.command-item[aria-selected=true]{background:var(--color-primary);color:#fff}.command-item-icon{font-size:1.2rem}.command-palette [cmdk-empty]{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.command-footer{display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-muted)}.command-footer kbd{background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace;margin:0 2px}@media(max-width:768px){.command-palette-wrapper{width:95%;top:10%}}.matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;opacity:.15;pointer-events:none}[data-theme=light] .matrix-rain{opacity:.05}.terminal-toggle{position:fixed;bottom:2rem;left:2rem;width:60px;height:60px;border-radius:50%;background:#0f172a;border:2px solid #06b6d4;color:#06b6d4;font-size:1.5rem;font-family:monospace;cursor:pointer;z-index:998;box-shadow:0 8px 25px #06b6d466;transition:all var(--transition-base)}.terminal-toggle:hover{box-shadow:0 12px 35px #06b6d499;background:#1e293b}.terminal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.terminal-window{width:100%;max-width:800px;max-height:600px;background:#0f172a;border:2px solid #06b6d4;border-radius:var(--radius-lg);box-shadow:0 0 50px #06b6d480;overflow:hidden;font-family:Courier New,monospace}.terminal-header{background:#1e293b;padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #06b6d4}.terminal-title{color:#06b6d4;font-weight:600;font-size:var(--font-size-sm)}.terminal-close{background:none;border:none;color:#ef4444;font-size:1.2rem;cursor:pointer;padding:0 var(--spacing-sm);transition:transform var(--transition-fast)}.terminal-close:hover{transform:scale(1.2)}.terminal-body{padding:var(--spacing-md);height:500px;overflow-y:auto;color:#10b981}.terminal-line{margin-bottom:var(--spacing-xs);line-height:1.6}.terminal-line.input{color:#06b6d4}.terminal-line.system{color:#8b5cf6}.terminal-line.output{color:#10b981;padding-left:var(--spacing-md)}.terminal-input-line{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.terminal-prompt{color:#06b6d4;font-weight:700}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:#10b981;font-family:Courier New,monospace;font-size:var(--font-size-base)}.terminal-input::placeholder{color:#475569}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#1e293b}.terminal-body::-webkit-scrollbar-thumb{background:#06b6d4;border-radius:4px}@media(max-width:768px){.terminal-toggle{bottom:1.5rem;left:1.5rem;width:50px;height:50px;font-size:1.25rem}.terminal-window{max-height:80vh}.terminal-body{height:400px}}.scroll-to-top{position:fixed;bottom:8rem;right:2rem;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#8b5cf6);border:none;color:#fff;cursor:pointer;z-index:997;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #06b6d466;transition:all var(--transition-base)}.scroll-to-top:hover{box-shadow:0 12px 35px #06b6d499,0 0 40px #8b5cf666;background:linear-gradient(135deg,#0891b2,#7c3aed)}.scroll-to-top svg{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.scroll-to-top:hover svg{animation:none;transform:translateY(-3px)}@media(max-width:768px){.scroll-to-top{bottom:6rem;right:1.5rem;width:45px;height:45px}}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:70px}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--color-bg-primary)}.error-content{text-align:center;max-width:600px}.error-icon{font-size:5rem;margin-bottom:var(--spacing-lg);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-content h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.error-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);font-size:var(--font-size-lg)}.error-details{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:left}.error-details summary{cursor:pointer;font-weight:600;margin-bottom:var(--spacing-sm)}.error-details pre{color:#ef4444;font-size:var(--font-size-sm);overflow-x:auto;white-space:pre-wrap}.error-btn{background:var(--gradient-primary);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;margin:var(--spacing-sm);transition:all var(--transition-base)}.error-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #06b6d44d}.error-btn.secondary{background:var(--color-glass);border:1px solid var(--color-border);color:var(--color-text-primary)}.error-btn.secondary:hover{background:var(--color-bg-tertiary)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);border:none;text-align:center;text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-lg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow);color:#fff}.btn-secondary{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.testimonials-section{padding:var(--spacing-3xl) 0;background:var(--color-bg-secondary)}.testimonials-container{max-width:900px;margin:0 auto;padding:0 var(--spacing-md)}.testimonials-title{text-align:center;font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--spacing-2xl);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.testimonials-carousel{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);min-height:350px}.testimonial-card{background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;max-width:600px}.testimonial-image{font-size:4rem;margin-bottom:var(--spacing-md)}.testimonial-text{font-size:var(--font-size-lg);line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-style:italic}.testimonial-author h4{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-xs)}.testimonial-author p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.carousel-btn{background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);width:50px;height:50px;border-radius:50%;font-size:2rem;color:var(--color-primary);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.carousel-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}.carousel-dots{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.dot{width:12px;height:12px;border-radius:50%;background:var(--color-border);border:none;cursor:pointer;transition:all var(--transition-base)}.dot.active{background:var(--gradient-primary);transform:scale(1.3)}@media(max-width:768px){.carousel-btn{width:40px;height:40px;font-size:1.5rem}.testimonial-card{padding:var(--spacing-lg)}.testimonial-text{font-size:var(--font-size-base)}}.animated-counter{font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.stats-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,#06b6d40d,#8b5cf60d);position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);position:relative;z-index:1}.stat-box{background:var(--color-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;position:relative;overflow:hidden;cursor:pointer}.stat-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(6,182,212,.2),transparent);transition:left .5s}.stat-box:hover:before{left:100%}.stat-icon{font-size:3rem;margin-bottom:var(--spacing-md);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stat-value{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm)}.stat-label{color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-sm)}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(6,182,212,.2) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.2) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(236,72,153,.15) 0%,transparent 50%);z-index:-1;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.1) rotate(5deg);opacity:.8}}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:var(--font-size-5xl);font-weight:800;margin-bottom:var(--spacing-md);line-height:1.2}.hero-subtitle{font-size:var(--font-size-2xl);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-weight:600}.typing-text{min-height:2.5rem;display:block}.hero-description{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.featured-projects{background:var(--color-bg-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.project-card{background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);position:relative}.project-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base);z-index:-1;border-radius:var(--radius-xl)}.project-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 20px 40px #06b6d44d,0 0 0 1px #06b6d480;border-color:var(--color-primary)}.project-card:hover:before{opacity:.05}.project-image{position:relative;height:200px;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);display:flex;align-items:center;justify-content:center}.project-image:before{content:"🚀";font-size:4rem;opacity:.3}.project-overlay{position:absolute;inset:0;background:#06b6d4e6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.project-card:hover .project-overlay{opacity:1}.project-link{color:#fff;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);border:2px solid white;border-radius:var(--radius-md);transition:all var(--transition-base)}.project-link:hover{background:#fff;color:var(--color-primary)}.project-content{padding:var(--spacing-lg)}.project-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm)}.project-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tech-badge{background:var(--color-bg-tertiary);padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;border:1px solid var(--color-border);transition:all var(--transition-base)}.tech-badge:hover{transform:translateY(-2px);border-color:var(--color-primary)}.skills-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.skill-quick-card{background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden}.skill-quick-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.2) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.skill-quick-card:hover:before{width:300px;height:300px}.skill-quick-card:hover{border-color:var(--color-primary);box-shadow:0 10px 30px #06b6d433;transform:translateY(-8px)}.skill-icon{font-size:3rem;margin-bottom:var(--spacing-md);animation:float 3s ease-in-out infinite;display:inline-block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.skill-quick-card:hover .skill-icon{animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}.skill-quick-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skill-quick-card p{color:var(--color-text-secondary);line-height:1.6}.view-all{text-align:center}@media(max-width:768px){.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-xl)}.projects-grid,.skills-quick-grid{grid-template-columns:1fr}}.github-stats{background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin:var(--spacing-xl) 0}.github-stats-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.github-icon{font-size:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card{background:var(--color-bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);border:1px solid transparent}.stat-card:hover{border-color:var(--color-primary);box-shadow:0 8px 20px #06b6d433}.stat-value{font-size:var(--font-size-3xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.github-link{display:inline-flex;align-items:center;color:var(--color-primary);font-weight:600;transition:all var(--transition-base)}.github-link:hover{transform:translate(5px)}.github-stats-loading{display:flex;justify-content:center;padding:var(--spacing-xl)}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tech-timeline-section{padding:var(--spacing-3xl) 0}.timeline-title{text-align:center;font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--spacing-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline-subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:var(--spacing-3xl)}.timeline{position:relative;max-width:800px;margin:0 auto;padding:0 var(--spacing-md)}.timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:2px;height:100%;background:var(--gradient-primary)}.timeline-item{position:relative;margin-bottom:var(--spacing-3xl);display:flex;justify-content:center}.timeline-marker{position:absolute;left:50%;transform:translate(-50%);width:20px;height:20px;background:var(--gradient-primary);border-radius:50%;border:4px solid var(--color-bg-primary);z-index:1}.timeline-content{background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);width:45%;transition:all var(--transition-base)}.timeline-item:nth-child(odd) .timeline-content{margin-right:auto;margin-left:0}.timeline-item:nth-child(2n) .timeline-content{margin-left:auto;margin-right:0}.timeline-content:hover{transform:scale(1.05);box-shadow:0 10px 30px #06b6d433}.timeline-year{display:inline-block;background:var(--gradient-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.timeline-item-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm)}.timeline-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.timeline-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tech-tag{background:var(--color-bg-tertiary);padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);border:1px solid var(--color-border)}@media(max-width:768px){.timeline:before{left:20px}.timeline-marker{left:20px}.timeline-content{width:calc(100% - 60px);margin-left:60px!important}}.download-resume-section{background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin:var(--spacing-xl) 0}.resume-content{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.resume-icon{font-size:3rem}.resume-text{flex:1;min-width:200px}.resume-text h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xs)}.resume-text p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.download-btn{background:var(--gradient-primary);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-base);box-shadow:0 4px 15px #06b6d44d}.download-btn:hover{box-shadow:0 8px 25px #06b6d466}.download-icon{font-size:1.2rem}@media(max-width:768px){.resume-content{flex-direction:column;text-align:center}.download-btn{width:100%;justify-content:center}}.social-share-section{background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;text-align:center}.share-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-lg)}.share-buttons{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.share-btn{background:var(--color-glass);border:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-base);font-weight:500;color:var(--color-text-primary)}.share-btn:hover{background:var(--hover-color);color:#fff;border-color:var(--hover-color);box-shadow:0 8px 20px #0003}.share-icon{font-size:1.5rem}.share-name{font-size:var(--font-size-sm)}@media(max-width:768px){.share-btn{flex:1;min-width:120px;justify-content:center}}.about-content{max-width:800px;margin:0 auto}.about-text p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.8}.skill-progress-container{width:100%;height:8px;background:var(--color-bg-tertiary);border-radius:10px;overflow:hidden;position:relative;margin:var(--spacing-md) 0}.skill-progress-bar{height:100%;background:linear-gradient(90deg,#06b6d4,#8b5cf6,#ec4899);border-radius:10px;position:relative;box-shadow:0 0 10px #06b6d480}.skill-progress-glow{position:absolute;top:0;right:0;width:30px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5));border-radius:10px}[data-theme=light] .skill-progress-container{background:#e2e8f0}[data-theme=light] .skill-progress-bar{box-shadow:0 0 10px #06b6d44d}.skills-page{min-height:100vh}.skill-categories{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl);flex-wrap:wrap;justify-content:center}.category-tab{background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--color-border);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-xl);color:var(--color-text-secondary);font-weight:600;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;z-index:1}.category-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:left .3s ease;z-index:-1}.category-tab:hover:before{left:0}.category-tab:hover{color:#fff!important;border-color:transparent;transform:translateY(-2px)}.category-tab.active{background:var(--gradient-primary);color:#fff!important;border-color:transparent;box-shadow:0 8px 25px #06b6d466}.category-tab.active:before{left:0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl)}.skill-card-modern{background:var(--color-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--spacing-xl);position:relative;overflow:hidden;transition:all var(--transition-base);cursor:pointer}.skill-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.skill-card-modern:hover .skill-card-glow{opacity:1;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skill-card-modern:hover{border-color:var(--color-primary);box-shadow:0 15px 40px #06b6d44d}.skill-card-content{position:relative;z-index:1}.skill-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.skill-icon-wrapper{width:60px;height:60px;border-radius:var(--radius-xl);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 8px 20px #06b6d44d;transition:all var(--transition-base)}.skill-card-modern:hover .skill-icon-wrapper{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 30px #06b6d480}.skill-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.skill-info{flex:1}.skill-name{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.skill-level{display:inline-block;padding:4px 12px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#06b6d433,#8b5cf633);color:var(--color-primary);border:1px solid var(--color-primary)}.skill-percentage{text-align:right;font-size:var(--font-size-2xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:var(--spacing-sm)}[data-theme=light] .skill-card-modern{background:#fffffff2;box-shadow:0 4px 15px #0000000d}[data-theme=light] .skill-card-modern:hover{box-shadow:0 15px 40px #06b6d433}[data-theme=light] .category-tab{background:#fffffff2;border-color:#0f172a1a}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}.category-tab{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.skill-icon-wrapper{width:50px;height:50px;font-size:1.5rem}}.projects-controls{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.search-input{width:100%;padding:var(--spacing-md);background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #06b6d41a}.search-input::placeholder{color:var(--color-text-muted)}.filter-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl)}.no-results{text-align:center;padding:var(--spacing-3xl)}.no-results p{font-size:var(--font-size-xl);color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.filter-buttons{justify-content:flex-start}}.back-link{display:inline-block;color:var(--color-primary);margin-bottom:var(--spacing-lg);font-weight:500;transition:transform var(--transition-base)}.back-link:hover{transform:translate(-5px)}.project-detail-title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-sm)}.project-category{color:var(--color-text-muted);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl)}.project-detail-image{width:100%;height:400px;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-2xl);border:1px solid var(--color-border)}.project-placeholder{font-size:8rem;opacity:.3}.project-detail-content{max-width:800px}.project-detail-section{margin-bottom:var(--spacing-2xl)}.project-detail-section h2{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-detail-section p{color:var(--color-text-secondary);line-height:1.8;font-size:var(--font-size-lg)}.features-list{list-style:none;padding:0}.features-list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;color:var(--color-text-secondary);line-height:1.6}.features-list li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tech-tag-large{background:var(--color-bg-tertiary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;border:1px solid var(--color-border);transition:all var(--transition-base)}.tech-tag-large:hover{background:var(--gradient-primary);border-color:transparent;transform:translateY(-2px)}.project-links{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-xl)}@media(max-width:768px){.project-detail-title{font-size:var(--font-size-3xl)}.project-detail-image{height:250px}.project-placeholder{font-size:5rem}}.card-hover:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:var(--shadow-xl)}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);align-items:stretch}.certificates-grid>*{display:flex}.certificates-grid .card{display:flex;flex-direction:column;height:100%;width:100%}.certificate-icon{font-size:3rem;margin-bottom:var(--spacing-md);text-align:center}.certificate-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text-primary);text-align:center}.certificate-issuer{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);text-align:center}.certificate-date{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);text-align:center}.certificate-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--spacing-md);flex-grow:1}.certificate-link{display:inline-block;color:var(--color-primary);font-weight:500;font-size:var(--font-size-sm);transition:transform var(--transition-base);margin-top:auto}.certificate-link:hover{transform:translate(5px)}.contact-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-2xl);max-width:1000px;margin:0 auto}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-item{display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-md);background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.contact-item:hover{border-color:var(--color-primary);transform:translate(5px)}.contact-icon{font-size:2rem;flex-shrink:0}.contact-details h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.contact-details a{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.contact-form-wrapper{background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group input,.form-group textarea{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);transition:all var(--transition-base);width:100%}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #06b6d41a}.form-group textarea{resize:vertical;min-height:120px}.btn-block{width:100%}.not-found-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.not-found-content{text-align:center;max-width:600px}.not-found-animation{margin-bottom:var(--spacing-xl)}.error-code{font-size:8rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;line-height:1}.not-found-content h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.not-found-content p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);line-height:1.6}.not-found-suggestions{background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.not-found-suggestions h3{margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.suggestion-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm)}.suggestion-links a{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);font-size:var(--font-size-sm)}.suggestion-links a:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px)}.not-found-tip{margin-top:var(--spacing-xl);color:var(--color-text-muted);font-size:var(--font-size-sm)}.not-found-tip kbd{background:var(--color-bg-tertiary);padding:4px 8px;border-radius:var(--radius-sm);font-family:monospace;border:1px solid var(--color-border)}@media(max-width:768px){.error-code{font-size:5rem}.not-found-content h1{font-size:var(--font-size-2xl)}.suggestion-links{grid-template-columns:repeat(2,1fr)}}:root{--color-primary: #06b6d4;--color-secondary: #8b5cf6;--color-accent: #ec4899;--gradient-primary: linear-gradient(135deg, #06b6d4 0%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: rgba(148, 163, 184, .2);--color-glass: rgba(30, 41, 59, .7);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}[data-theme=light]{--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #e2e8f0;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--color-border: rgba(15, 23, 42, .15);--color-glass: rgba(248, 250, 252, .9)}[data-theme=light] .hero-background{background:radial-gradient(circle at 20% 50%,rgba(6,182,212,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(236,72,153,.1) 0%,transparent 50%)}[data-theme=light] .project-card,[data-theme=light] .skill-quick-card,[data-theme=light] .certificate-card,[data-theme=light] .card{background:#fffffff2;border:1px solid rgba(15,23,42,.1);box-shadow:0 4px 15px #0000000d}[data-theme=light] .project-card:hover,[data-theme=light] .skill-quick-card:hover,[data-theme=light] .certificate-card:hover,[data-theme=light] .card:hover{box-shadow:0 10px 30px #06b6d426;border-color:var(--color-primary)}[data-theme=light] .navbar{background:#fffffff2;border-bottom:1px solid rgba(15,23,42,.1);box-shadow:0 2px 10px #0000000d}[data-theme=light] .navbar.scrolled{background:#fffffffa;box-shadow:0 4px 20px #0000001a}[data-theme=light] .tech-badge,[data-theme=light] .stat-box{background:#f8fafcf2;border:1px solid rgba(15,23,42,.1)}[data-theme=light] .terminal-toggle{background:#0f172a;border-color:#06b6d4}[data-theme=light] .scroll-to-top{box-shadow:0 8px 25px #06b6d44d}[data-theme=light] .section-title,[data-theme=light] .hero-title,[data-theme=light] .skill-quick-card h3,[data-theme=light] .stat-value{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.skip-to-content{position:absolute;top:-100px;left:0;background:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;z-index:10001;border-radius:0 0 var(--radius-md) 0;font-weight:600;transition:top var(--transition-base)}.skip-to-content:focus{top:0}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}*:focus:not(:focus-visible){outline:none}.project-card:focus-visible,.skill-quick-card:focus-visible,.certificate-card:focus-visible{transform:translateY(-5px);box-shadow:0 10px 30px #06b6d44d}@media(prefers-contrast:high){:root{--color-border: #ffffff}.card,.project-card,.skill-quick-card{border-width:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:10px;margin:4px;box-shadow:inset 0 0 10px #0003}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#06b6d4,#8b5cf6,#ec4899)!important;border-radius:10px;border:2px solid var(--color-bg-secondary);box-shadow:0 0 10px #06b6d480;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0891b2,#7c3aed,#db2777)!important;box-shadow:0 0 20px #06b6d4cc,0 0 40px #8b5cf680;border-color:transparent}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#0e7490,#6d28d9,#be185d)!important;box-shadow:0 0 30px #06b6d4}::-webkit-scrollbar-corner{background:var(--color-bg-secondary)}*{scrollbar-width:thin;scrollbar-color:#06b6d4 var(--color-bg-secondary)}::selection{background:linear-gradient(135deg,#06b6d4,#8b5cf6);color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}::-moz-selection{background:linear-gradient(135deg,#06b6d4,#8b5cf6);color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.terminal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#10b981,#06b6d4)!important;animation:scrollbarPulse 2s ease-in-out infinite}@keyframes scrollbarPulse{0%,to{box-shadow:0 0 10px #10b98180}50%{box-shadow:0 0 20px #10b981cc}}[data-theme=light] ::-webkit-scrollbar-track{background:#f1f5f9;box-shadow:inset 0 0 10px #0000000d}[data-theme=light] ::-webkit-scrollbar-thumb{border-color:#f1f5f9}html{scroll-behavior:smooth}.section{scroll-margin-top:80px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}a{color:inherit;text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary)}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-3xl) 0}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:600px;margin:0 auto}.card{background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base)}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #06b6d433;border-color:var(--color-primary)}@media(max-width:768px){.section{padding:var(--spacing-2xl) 0}.section-title{font-size:var(--font-size-3xl)}.container{padding:0 var(--spacing-md)}}