:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-surface: #ffffff;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--accent-primary: #2563eb;--accent-hover: #1d4ed8;--border-color: #e5e7eb;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--container-width: 1200px;--header-height: 70px}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-surface: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--accent-primary: #3b82f6;--accent-hover: #60a5fa;--border-color: #334155;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:color .2s ease}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;transition:all .2s ease;gap:.5rem}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-outline{border:2px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px)}.section-title{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.text-accent{color:var(--accent-primary)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.grid{display:grid}@media(max-width:768px){.section-title{font-size:1.75rem}}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--header-height);z-index:1000;background-color:transparent;transition:all .3s ease}.navbar.scrolled{background-color:rgba(var(--bg-primary),.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:100%;position:relative}.nav-title{font-size:2.25rem;font-weight:400;color:var(--text-secondary)}.logo{font-size:2.25rem;font-weight:700;letter-spacing:-.5px;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.nav-desktop{display:flex;align-items:center;gap:2rem}.nav-links{display:flex;gap:2rem}.nav-link{font-weight:500;font-size:.95rem;color:var(--text-secondary);position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--accent-primary);transition:width .3s ease}.nav-link:hover:after{width:100%}.theme-toggle{display:flex;align-items:center;justify-content:center;color:var(--text-primary);padding:.5rem;border-radius:50%;transition:background-color .2s ease}.theme-toggle:hover{background-color:var(--bg-secondary);color:var(--accent-primary)}.nav-mobile-controls{display:none;align-items:center;gap:1rem}.menu-toggle{color:var(--text-primary);padding:.5rem}.nav-mobile{position:fixed;top:var(--header-height);left:0;width:100%;height:calc(100vh - var(--header-height));background-color:var(--bg-primary);transform:translate(100%);transition:transform .3s ease-in-out;display:flex;align-items:center;justify-content:center}.nav-mobile.open{transform:translate(0)}.mobile-links{display:flex;flex-direction:column;align-items:center;gap:2rem}.mobile-links a{font-size:1.5rem;font-weight:600;color:var(--text-primary)}@media(max-width:1024px){.nav-desktop{display:none}.nav-mobile-controls{display:flex}.nav-title{display:flex;flex-direction:column;font-size:.9rem;line-height:1.1;text-align:left;font-weight:700}.logo{font-size:1.75rem}}.nav-left{display:flex;align-items:center;transform:translate(-75px)}.nav-logo-link{display:flex;align-items:center;text-decoration:none;transition:opacity .2s ease;margin-right:.75rem;transform:translate(-46px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.nav-logo-link:hover{opacity:1;filter:drop-shadow(0 0 10px var(--accent-primary))}.nav-logo-img{height:60px;width:auto;object-fit:contain;transform:scale(1.2)}@media(max-width:1024px){.nav-logo-img{height:54px}}.hero{padding:160px 0 100px;min-height:90vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#2563eb1a,#0000 70%);border-radius:50%;z-index:-1}.hero-content{max-width:800px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-1px}.hero-subtitle{font-size:1.5rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem}.hero-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:600px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}@media(max-width:768px){.hero{padding:120px 0 60px;min-height:auto}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}}.projects-section{padding:80px 0;background-color:var(--bg-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:1rem}.project-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s ease;display:flex;flex-direction:column;cursor:pointer;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026;border-color:var(--accent-primary)}.project-card.no-link{cursor:default}.project-card.no-link:hover{transform:none;box-shadow:none;border-color:var(--border-color)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.project-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.3}.project-links{display:flex;gap:1rem;align-items:center;flex-shrink:0}.project-links a{color:var(--text-secondary);transition:color .2s ease;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%}.project-links a:hover{color:var(--accent-primary);background-color:rgba(var(--accent-primary-rgb),.1)}.private-badge{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--text-secondary);background-color:var(--bg-primary);padding:.25rem .75rem;border-radius:20px;border:1px solid var(--border-color)}.project-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.project-highlights{margin-bottom:1.5rem;padding:1rem;background-color:var(--bg-primary);border-radius:8px;border-left:3px solid var(--accent-primary)}.project-highlights h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.project-highlights ul{list-style-type:none;padding:0;margin:0}.project-highlights ul li{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;padding-left:1.25rem;position:relative;line-height:1.5}.project-highlights ul li:before{content:"•";color:var(--accent-primary);position:absolute;left:0;font-weight:700}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tech-badge{font-size:.75rem;padding:.25rem .75rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-weight:500;transition:all .2s ease}.project-card:hover .tech-badge{border-color:var(--accent-primary);color:var(--text-primary)}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.project-card{padding:1.5rem}.project-title{font-size:1.25rem}}.skills-section{padding:80px 0;background-color:var(--bg-primary)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.skill-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.skill-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow);border-color:var(--accent-primary)}.skill-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.skill-icon{color:var(--accent-primary);display:flex;align-items:center;justify-content:center;background-color:#2563eb1a;padding:10px;border-radius:8px}.skill-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.skill-list{display:flex;flex-wrap:wrap;gap:.75rem}.skill-item{font-size:.95rem;color:var(--text-secondary);background-color:var(--bg-secondary);padding:.5rem 1rem;border-radius:6px;font-weight:500;transition:all .2s ease}.skill-item:hover{background-color:var(--accent-primary);color:#fff}.about-section{padding:80px 0;background-color:var(--bg-secondary)}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-text{font-size:1.125rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}@media(max-width:1024px){.about-text{text-align:left;font-size:1rem;font-weight:400}}.contact-section{padding:80px 0;background-color:var(--bg-primary);text-align:center}.contact-container{display:flex;justify-content:center;text-align:center}.contact-info{max-width:600px}.contact-subtitle{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.contact-description{color:var(--text-secondary);margin-bottom:2rem;font-size:1.125rem}.social-links{display:flex;justify-content:center;gap:2rem}.social-link{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-weight:500;transition:color .2s ease}.social-link:hover{color:var(--accent-primary)}@media(max-width:768px){.social-links{flex-direction:column;align-items:center;gap:1.5rem}}.footer{padding:.5rem 0;background-color:var(--bg-surface);border-top:1px solid var(--border-color);margin-top:auto}.footer-container{display:flex;justify-content:space-between;align-items:center;position:relative}.copyright{color:var(--text-secondary);font-size:.9rem;flex:1;text-align:left}.footer-logo-container{flex:1;display:flex;justify-content:center}.footer-logo{height:86px;width:auto;object-fit:contain;transition:filter .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.footer-logo:hover{filter:drop-shadow(0 0 10px var(--accent-primary))}.footer-links{display:flex;gap:1.5rem;flex:1;justify-content:flex-end}.footer-links a,.footer-links .footer-email{color:var(--text-secondary);font-size:.9rem;transition:color .2s ease;text-decoration:none;cursor:default}.footer-links a{cursor:pointer}.footer-links a:hover,.footer-links .footer-email:hover{color:var(--accent-primary)}@media(max-width:768px){.footer-container{flex-direction:column-reverse;flex-direction:column;gap:1.5rem;text-align:center}.copyright{text-align:center;order:3}.footer-logo-container{order:1}.footer-links{justify-content:center;order:2}}.mouse-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}