@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap";.footer{padding:40px 0;border-top:1px solid var(--border-color);background:var(--bg-primary);margin-top:60px}.footer-content{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:14px}.footer-links{display:flex;gap:24px}.footer-links a:hover{color:var(--accent-cyan)}@media(max-width:768px){.footer{padding-bottom:120px}.footer-content{flex-direction:column;gap:16px;text-align:center}}.desktop-nav{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:24px 0;transition:var(--transition-smooth)}.desktop-nav.scrolled{padding:12px 0}.desktop-nav .nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;padding:12px 32px;border-radius:100px}.desktop-nav .logo{font-family:var(--font-heading);font-size:24px;font-weight:800;color:var(--accent-cyan)}.desktop-nav .nav-links{display:flex;gap:32px}.desktop-nav .nav-link{font-size:14px;font-weight:500;color:var(--text-secondary);position:relative}.desktop-nav .nav-link:hover,.desktop-nav .nav-link.active{color:var(--text-primary)}.desktop-nav .nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-cyan);transition:var(--transition-smooth)}.desktop-nav .nav-link.active:after{width:100%}.desktop-nav .cta-button{background:var(--accent-cyan);color:var(--bg-primary);padding:10px 24px;border-radius:100px;font-weight:600;font-size:14px}.desktop-nav .cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00f2ff4d}.mobile-nav{position:fixed;bottom:24px;left:0;right:0;display:flex;justify-content:center;z-index:1000;pointer-events:none}.mobile-nav-container{display:flex;gap:32px;align-items:center;padding:12px!important;border-radius:100px;background:#0006;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);pointer-events:auto;box-shadow:0 10px 40px #00000080}.mobile-nav-link{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition-smooth);width:40px;height:40px;border-radius:50%}.mobile-nav-link.active{color:#fff;background:#ffffff1a}.mobile-nav-link svg{width:20px;height:20px}.about-section{padding:60px 0;position:relative}.section-header{text-align:center;margin-bottom:60px}.section-tag{color:var(--accent-cyan);font-weight:600;text-transform:uppercase;letter-spacing:.2em;font-size:14px}.section-title{font-size:clamp(32px,5vw,48px);margin-top:10px}.about-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:200px;gap:20px}.about-card{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.about-card.large{grid-column:span 2;grid-row:span 2}.about-card.medium{grid-column:span 1;grid-row:span 2}.about-card.small{grid-column:span 1;grid-row:span 1}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.card-icon{color:var(--accent-cyan)}.about-card h3{font-size:20px;font-weight:600}.about-card p{color:var(--text-secondary);font-size:16px}.about-card.large h3{font-size:28px}.about-card.large p{font-size:18px}.card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(0,242,255,.05) 0%,transparent 70%);opacity:0;transition:var(--transition-smooth)}.about-card:hover .card-glow{opacity:1}@media(max-width:992px){.about-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content}.about-card.large,.about-card.medium,.about-card.small{grid-column:span 2;grid-row:auto;padding:32px}}@media(max-width:768px){.about-card{padding:24px}}.contact-section{padding:60px 0}.contact-card{padding:60px;max-width:900px;margin:0 auto;text-align:center}.contact-header{margin-bottom:48px}.contact-description{color:var(--text-secondary);font-size:18px;max-width:600px;margin:16px auto 0}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.contact-item{display:flex;align-items:center;gap:20px;padding:24px;background:#ffffff08;border:1px solid var(--border-color);border-radius:20px;text-align:left;transition:var(--transition-smooth)}.contact-item:hover:not(.no-click){background:#00f2ff0d;border-color:#00f2ff33;transform:scale(1.02)}.contact-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#0046ff1a;border-radius:12px;color:var(--accent-cyan)}.contact-info{display:flex;flex-direction:column}.contact-label{font-size:14px;color:var(--text-muted);font-weight:500}.contact-value{font-size:16px;color:var(--text-primary);font-weight:600}.contact-item.no-click{cursor:default}@media(max-width:768px){.contact-card{padding:40px 24px}.contact-grid{grid-template-columns:1fr}}.hero-section{min-height:90vh;padding-top:120px;padding-bottom:40px;position:relative;display:flex;align-items:center}.hero-header{margin-bottom:32px}.avatar-container{width:90px;height:90px;border-radius:50%;overflow:hidden;border:1px solid var(--border-color);margin-bottom:16px}.avatar-container img,.avatar-container video{width:100%;height:100%;object-fit:cover}.hero-section h1{font-size:clamp(40px,8vw,72px);font-weight:800;letter-spacing:-2px;line-height:.95;background:linear-gradient(to right,#fff,var(--text-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.hero-subtitle{font-size:18px;color:var(--text-secondary);font-weight:400;letter-spacing:-.3px;line-height:1.4}.hero-bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:28px;padding:24px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);position:relative;overflow:hidden;transition:var(--transition-smooth);display:flex;flex-direction:column;justify-content:space-between}.card:hover{border-color:#fff3;background:#ffffff0d;transform:translateY(-4px)}.h-tall{grid-row:span 2}.card-label{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);font-weight:600;margin-bottom:12px}.card-title{font-size:clamp(20px,4vw,24px);font-weight:600;color:#fff;line-height:1.2}.card-desc{font-size:15px;color:var(--text-secondary);margin-top:12px;line-height:1.5}.tech-marquee{width:100%;overflow:hidden;position:relative;margin-top:16px;-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.tech-track{display:flex;gap:24px;width:max-content;animation:scroll 20s linear infinite}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 12px))}}.tech-icon{width:48px;height:48px;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition-smooth)}.tech-icon:hover{background:#ffffff1a;color:var(--accent-cyan)}.project-image{width:100%;aspect-ratio:4/3;border-radius:16px;overflow:hidden;margin-bottom:16px}.project-image img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:var(--transition-smooth)}.card:hover .project-image img{opacity:1;transform:scale(1.05)}.stat-item h3{font-size:32px;font-weight:700;color:#fff}.stat-item p{font-size:14px;color:var(--text-muted)}.flex-between{display:flex;justify-content:space-between;align-items:flex-start}.btn-icon{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid var(--border-color)}.card-fab{position:absolute;bottom:24px;right:24px}.card-connect{background:linear-gradient(135deg,#8b5cf61a,#00f2ff0d)}.contact-btn{background:#fff;color:#000}.contact-btn:hover{background:var(--accent-cyan);color:#000}@media(min-width:992px){.hero-header{margin-bottom:48px}.hero-bento-grid{grid-template-columns:repeat(4,1fr);gap:24px;grid-auto-rows:minmax(180px,auto)}.card-about{grid-column:span 2}.card-project{grid-column:span 2;grid-row:span 2}.card-stack{grid-column:span 2}.card-experiment,.card-stats{grid-column:span 1}.card-connect{grid-column:span 2}}@media(max-width:768px){.hero-section{padding-top:60px;padding-bottom:120px;min-height:auto}.hero-header{text-align:left;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:32px}.hero-bento-grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-about,.card-stack{grid-column:span 2}.card-project{grid-column:span 1;grid-row:span 2}.card-experiment,.card-stats{grid-column:span 1}.card-connect{grid-column:span 2}.card{padding:16px;border-radius:20px}.card-title{font-size:18px}.card-desc{font-size:13px}.flex-title-icon{display:flex;align-items:center;gap:8px;margin-top:8px}.experiment-icon{color:var(--text-muted);opacity:.7}.avatar-container{width:64px;height:64px;margin-bottom:24px}.hero-section h1{font-size:48px;margin-bottom:12px}.hero-subtitle{font-size:16px}}.projects-section{padding:60px 0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px}.project-card{position:relative;display:flex;flex-direction:column;height:100%}.project-type{position:absolute;top:16px;right:16px;padding:4px 12px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:100px;font-size:12px;color:var(--text-muted)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.project-header h3{font-size:24px;color:var(--accent-cyan)}.project-link{color:var(--text-secondary)}.project-link:hover{color:var(--accent-cyan)}.project-company{font-weight:600;color:var(--text-primary);margin-bottom:12px;font-size:14px}.project-description{color:var(--text-secondary);font-size:16px;margin-bottom:24px;flex-grow:1}.project-highlights{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;background:#ffffff05;border-radius:12px}.highlight-item{display:flex;align-items:center;gap:12px}.h-icon{color:var(--accent-cyan)}.h-text{font-size:14px;color:var(--text-secondary)}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:4px 12px;background:#00f2ff0d;border:1px solid rgba(0,242,255,.1);border-radius:100px;font-size:12px;color:var(--accent-cyan)}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.skills-section{padding:60px 0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.skill-category{display:flex;flex-direction:column}.cat-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.cat-icon{color:var(--accent-cyan)}.cat-header h3{font-size:20px;color:var(--text-primary)}.skill-list{display:flex;flex-wrap:wrap;gap:10px}.skill-badge{padding:8px 16px;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;font-size:14px;color:var(--text-secondary);transition:var(--transition-smooth)}.skill-badge:hover{background:#00f2ff0d;border-color:#00f2ff33;color:var(--accent-cyan);transform:translateY(-2px)}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}}:root{--bg-primary: #050505;--bg-secondary: #0A0A0A;--bg-card: rgba(255, 255, 255, .03);--accent-cyan: #00F2FF;--accent-violet: #8b5cf6;--accent-blue: #0f4c75;--accent-pink: #be185d;--text-primary: #FFFFFF;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(139, 92, 246, .3);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(20px)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:var(--transition-smooth)}ul{list-style:none}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;padding:24px;transition:var(--transition-smooth)}.glass-card:hover{border-color:#ffffff26;background:#ffffff0d;transform:translateY(-4px);box-shadow:0 20px 40px #0006}.gradient-text{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-glow{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.glow-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15}.orb-1{width:600px;height:600px;background:var(--accent-cyan);top:-200px;left:-200px;animation:float 20s infinite alternate}.orb-2{width:500px;height:500px;background:var(--accent-violet);bottom:-150px;right:-150px;animation:float 25s infinite alternate-reverse}@keyframes float{0%{transform:translate(0)}to{transform:translate(100px,50px)}}.container{max-width:1200px;margin:0 auto;padding:0 24px}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}@media(max-width:992px){.bento-grid{grid-template-columns:repeat(1,1fr)}}::-webkit_scrollbar{width:8px}::-webkit_scrollbar-track{background:var(--bg-primary)}::-webkit_scrollbar-thumb{background:var(--bg-secondary);border-radius:10px;border:2px solid var(--bg-primary)}::-webkit_scrollbar-thumb:hover{background:var(--text-muted)}