:root{--bg-base:#070a13;--bg-surface:#0f162aa6;--bg-card:#ffffff05;--border-color:#ffffff0d;--border-glow:#00f2fe26;--color-primary:#00f2fe;--color-secondary:#4facfe;--color-accent:#a18cd1;--color-success:#00ff87;--color-warning:#ffb03a;--color-danger:#ff4949;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-link:#38bdf8;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--gradient-primary:linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--gradient-glow:radial-gradient(circle, #00f2fe26 0%, #4facfe00 70%);--gradient-text:linear-gradient(90deg, #00f2fe, #4facfe, #a18cd1);--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .5s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--bg-base);margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;position:relative;overflow-x:hidden}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}ul{list-style:none}button,input,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}.bg-grid{z-index:-2;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:fixed;top:0;left:0}.bg-glow{filter:blur(140px);z-index:-1;pointer-events:none;opacity:.4;mix-blend-mode:screen;border-radius:50%;width:600px;height:600px;animation:20s infinite alternate glow-float;position:fixed}.bg-glow-1{background:radial-gradient(circle,#00f2fe40 0%,#0000 80%);top:-200px;left:-200px}.bg-glow-2{background:radial-gradient(circle,#a18cd133 0%,#0000 80%);animation-delay:-5s;bottom:-200px;right:-200px}@keyframes glow-float{0%{transform:translate(0)scale(1)}to{transform:translate(80px,50px)scale(1.15)}}.glass-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:16px;box-shadow:0 8px 32px #0000005e}.glass-card:hover{border-color:#00f2fe40;box-shadow:0 12px 40px #00f2fe14}.section-container{width:90%;max-width:1200px;margin:0 auto;padding:80px 0}.section-header{margin-bottom:50px}.text-center{text-align:center}.section-title{letter-spacing:-.03em;background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:2.5rem;font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.1rem}.text-center .section-subtitle{margin:0 auto}.btn{cursor:pointer;transition:var(--transition-bounce);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#000;box-shadow:0 4px 15px #00f2fe4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00f2fe73}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff0d}.btn-secondary:hover{border-color:var(--color-primary);background:#ffffff1a;transform:translateY(-3px)}.btn-outline-success{border:1px solid var(--color-success);color:var(--color-success)}.btn-outline-success:hover:not(:disabled){background:#00ff871a;box-shadow:0 0 15px #00ff8733}.btn-outline-warning{border:1px solid var(--color-warning);color:var(--color-warning)}.btn-outline-warning:hover:not(:disabled){background:#ffb03a1a;box-shadow:0 0 15px #ffb03a33}.btn-outline-primary{border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline-primary:hover:not(:disabled){background:#00f2fe1a;box-shadow:0 0 15px #00f2fe33}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.w-full{width:100%}.navbar-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);width:100%;transition:var(--transition-smooth);background:#070a1399;position:fixed;top:0;left:0}.navbar-header.sticky{background:#070a13d9;padding:10px 0}.nav-container{justify-content:space-between;align-items:center;width:90%;max-width:1200px;height:70px;margin:0 auto;display:flex}.logo{letter-spacing:1px;font-size:1.3rem;font-weight:800}.logo-accent{color:var(--color-primary)}.mobile-nav-toggle{cursor:pointer;color:var(--text-primary);z-index:110;background:0 0;border:none;border-radius:.75rem;padding:.75rem;font-size:1.5rem;transition:background .25s;display:none}.mobile-nav-toggle:hover{background:#ffffff14}.nav-menu ul{align-items:center;gap:30px;display:flex}.nav-link{color:var(--text-secondary);padding:5px 0;font-size:.95rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--gradient-primary);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:0}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-contact-btn{transition:var(--transition-smooth);border:1px solid #00f2fe4d;border-radius:6px;padding:8px 18px}.nav-contact-btn:hover{background:var(--gradient-primary);color:#000;border-color:#0000;box-shadow:0 0 15px #00f2fe4d}.nav-contact-btn:after{display:none}.hero-section{padding-top:150px;position:relative}.hero-container{grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;display:grid}.role-badge{color:var(--color-primary);background:#00f2fe14;border:1px solid #00f2fe33;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.04em;margin-bottom:15px;font-size:4rem;font-weight:900;line-height:1.1}.hero-subtitle{color:var(--text-secondary);margin-bottom:25px;font-size:1.8rem;font-weight:600}.hero-description{color:var(--text-secondary);max-width:600px;margin-bottom:40px;font-size:1.1rem}.hero-stats{gap:30px;margin-bottom:40px;display:flex}.stat-card{flex-direction:column;display:flex}.stat-num{color:var(--color-primary);font-size:2.2rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);margin-top:5px;font-size:.85rem}.hero-actions{gap:20px;display:flex}.hero-visual{flex-direction:column;align-items:center;gap:30px;display:flex}.avatar-wrapper{width:280px;height:280px;position:relative}.avatar-glow{background:var(--gradient-primary);filter:blur(25px);opacity:.6;z-index:1;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:90%;height:90%;animation:8s ease-in-out infinite alternate avatar-blob;position:absolute;top:5%;left:5%}.avatar-border{z-index:2;background-color:var(--bg-base);border:3px solid #ffffff26;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:100%;height:100%;animation:8s ease-in-out infinite alternate avatar-blob;position:absolute;top:0;left:0;overflow:hidden}.avatar-img{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth)}@keyframes avatar-blob{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:50% 50% 30% 70%/50% 60% 40%}to{border-radius:60% 40%/40% 30% 70% 60%}}.quick-contact-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:15px;width:100%;max-width:320px;padding:20px;display:flex}.contact-item{align-items:center;gap:15px;display:flex}.contact-item i{color:var(--color-primary);width:30px;font-size:1.2rem}.contact-item h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.contact-item span,.contact-item a{font-size:.9rem;font-weight:500}.contact-item a:hover{color:var(--color-primary)}.social-links-grid{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:5px;padding-top:15px;display:flex}.social-links-grid a{color:var(--text-secondary);font-size:1.3rem}.social-links-grid a:hover{color:var(--color-primary);transform:translateY(-2px)}.qa-brains-icon{font-family:var(--font-mono);border:1px solid var(--border-color);background:#ffffff0d;border-radius:4px;padding:3px 8px;font-weight:800;font-size:.85rem!important}.qa-brains-icon:hover{border-color:var(--color-primary);background:#00f2fe1a}.experience-timeline{max-width:900px;margin:0 auto;padding:40px 0;position:relative}.experience-timeline:before{content:"";background:linear-gradient(180deg, var(--color-primary) 0%, #a18cd133 100%);width:2px;height:100%;position:absolute;top:0;left:20px}.timeline-item{margin-bottom:40px;padding-left:50px;position:relative}.timeline-dot{background:var(--bg-base);border:3px solid var(--color-primary);z-index:2;width:20px;height:20px;transition:var(--transition-smooth);border-radius:50%;position:absolute;top:25px;left:11px;box-shadow:0 0 10px #00f2fe66}.timeline-item:hover .timeline-dot{background:var(--color-primary);transform:scale(1.2)}.timeline-time{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem;font-weight:700}.timeline-content{padding:30px}.timeline-header-info{margin-bottom:20px}.job-title{font-size:1.5rem;font-weight:700}.company-name{color:var(--text-secondary);align-items:center;gap:8px;margin-top:5px;font-size:1rem;font-weight:500;display:flex}.supported-by{color:var(--text-muted);font-size:.8rem}.experience-details{margin-bottom:25px}.experience-details li{color:var(--text-secondary);margin-bottom:10px;padding-left:20px;font-size:.95rem;position:relative}.experience-details li:before{content:"➔";color:var(--color-primary);font-size:.8rem;position:absolute;left:0}.skills-tags{flex-wrap:wrap;gap:10px;display:flex}.skills-tags span{border:1px solid var(--border-color);color:var(--text-secondary);transition:var(--transition-smooth);background:#ffffff08;border-radius:50px;padding:4px 12px;font-size:.8rem}.timeline-item:hover .skills-tags span{background:#00f2fe05;border-color:#00f2fe26}.skills-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.skill-category-card{flex-direction:column;height:100%;padding:40px 30px;display:flex}.skill-icon{color:var(--color-primary);margin-bottom:20px;font-size:2.2rem}.skill-category-card h3{border-bottom:1px solid #ffffff0d;margin-bottom:20px;padding-bottom:10px;font-size:1.3rem;font-weight:700}.skill-category-card ul{flex-direction:column;gap:12px;display:flex}.skill-category-card li{color:var(--text-secondary);align-items:center;gap:10px;font-size:.95rem;display:flex}.skill-category-card li:before{content:"";background:var(--color-primary);border-radius:50%;width:6px;height:6px;display:inline-block}.projects-list-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.project-detail-card{flex-direction:column;height:100%;padding:30px;display:flex;position:relative;overflow:hidden}.project-accent-glow{background:var(--gradient-primary);filter:blur(40px);opacity:.15;width:100px;height:100px;transition:var(--transition-smooth);border-radius:50%;position:absolute;top:-50px;right:-50px}.project-detail-card:hover .project-accent-glow{opacity:.3;width:150px;height:150px}.project-card-header{margin-bottom:15px}.project-category{text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);align-items:center;gap:5px;margin-bottom:8px;font-size:.75rem;font-weight:700;display:inline-flex}.project-detail-card h3{font-size:1.25rem;font-weight:700;line-height:1.3}.project-detail-card p{color:var(--text-secondary);margin-top:10px;font-size:.95rem}.activity-gallery{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.activity-card{flex-direction:column;min-height:340px;display:flex;overflow:hidden}.activity-image{background-position:50%;background-size:cover;border:1px solid #ffffff14;border-radius:18px;width:100%;min-height:210px;transition:transform .4s,filter .4s;box-shadow:inset 0 0 0 1px #ffffff05}.activity-card:hover .activity-image{filter:saturate(1.1);transform:scale(1.03)}.activity-card-content{flex-direction:column;gap:14px;padding:24px 20px;display:flex}.activity-card-content h3{font-size:1.2rem;font-weight:700;line-height:1.25}.activity-card-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}@media (width<=1100px){.activity-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.activity-gallery{grid-template-columns:1fr}}.activity-featured-section{justify-items:center;gap:24px;margin-top:40px;display:grid}.activity-featured-section .section-header,.activity-featured-section .featured-card{width:100%;max-width:720px}.thesis-card{margin-bottom:60px}.thesis-grid{grid-template-columns:1.2fr .8fr;align-items:center;display:grid}.thesis-content{padding:50px}.thesis-badge{color:var(--color-accent);background:#a18cd11a;border:1px solid #a18cd133;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.thesis-title{margin-bottom:20px;font-size:2rem;font-weight:850;line-height:1.25}.thesis-desc{color:var(--text-secondary);margin-bottom:30px;font-size:1.05rem}.thesis-art{border-left:1px solid var(--border-color);background:#0a0f1e66;justify-content:center;align-items:center;height:100%;min-height:300px;display:flex;position:relative;overflow:hidden}.thesis-art-inner{color:#00f2fe26;z-index:2;font-size:5rem;animation:4s ease-in-out infinite alternate bounce-slow;position:relative}.cube-layer{border:2px dashed #a18cd133;border-radius:8px;animation:20s linear infinite spin-slow;position:absolute}.layer-1{width:180px;height:180px}.layer-2{border-color:#00f2fe33;width:120px;height:120px;animation-direction:reverse}@keyframes bounce-slow{0%{transform:translateY(0)}to{transform:translateY(-15px)}}@keyframes spin-slow{to{transform:rotate(360deg)}}.education-grid{margin-top:50px}.education-cards{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px;display:grid}.edu-card{flex-direction:column;padding:30px;display:flex}.edu-year{font-family:var(--font-mono);color:var(--color-primary);margin-bottom:12px;font-weight:700}.edu-details h3{margin-bottom:5px;font-size:1.15rem;font-weight:700;line-height:1.4}.edu-details h4{color:var(--text-secondary);margin-bottom:15px;font-size:.9rem;font-weight:500}.gpa-tag{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff08;border-radius:4px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-block}.contact-card-wrapper{grid-template-columns:.9fr 1.1fr;display:grid;overflow:hidden}.contact-intro{border-right:1px solid var(--border-color);background:#0a0f1e4d;padding:50px}.contact-info-list{flex-direction:column;gap:25px;margin-top:40px;display:flex}.info-block{align-items:center;gap:20px;display:flex}.info-block i{color:var(--color-primary);background:#00f2fe0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.info-block div{flex-direction:column;display:flex}.info-block span{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.info-block a,.info-block span:last-child{font-size:1.05rem;font-weight:600}.info-block a:hover{color:var(--color-primary)}.contact-form{flex-direction:column;gap:20px;padding:50px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#ffffff05;border-radius:8px;padding:12px 16px;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);background:#00f2fe03;box-shadow:0 0 10px #00f2fe1a}.form-status{text-align:center;margin-top:10px;font-size:.9rem}.status-success{color:var(--color-success)}.status-error{color:var(--color-danger)}footer{border-top:1px solid var(--border-color);text-align:center;background:#04060b;padding:40px 0}.footer-container{flex-direction:column;gap:10px;width:90%;max-width:1200px;margin:0 auto;display:flex}footer p{color:var(--text-secondary);font-size:.9rem}.footer-meta{color:var(--text-muted)!important;font-size:.8rem!important}@media (width<=1024px){html{font-size:15px}.hero-container{text-align:center;grid-template-columns:1fr;gap:40px}.hero-content{flex-direction:column;align-items:center;display:flex}.hero-description{margin:0 auto 30px}.hero-stats{justify-content:center}.skills-grid,.projects-list-grid,.education-cards{grid-template-columns:repeat(2,1fr)}.thesis-grid{grid-template-columns:1fr}.thesis-art{border-left:none;border-top:1px solid var(--border-color);padding:50px 0}.contact-card-wrapper{grid-template-columns:1fr}.contact-intro{border-right:none;border-bottom:1px solid var(--border-color)}}@media (width<=768px){.mobile-nav-toggle{pointer-events:auto;justify-content:center;align-items:center;display:inline-flex}.nav-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-color);z-index:105;opacity:0;pointer-events:none;background:#070a13fa;width:100%;height:calc(100vh - 70px);padding:40px;transition:transform .3s,opacity .3s;position:fixed;top:70px;left:0;transform:translate(-100%)}.nav-menu.active{opacity:1!important;pointer-events:auto!important;left:0!important;transform:translate(0)!important}.nav-menu ul{flex-direction:column;align-items:flex-start;gap:30px}.nav-contact-btn{text-align:center;width:100%}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.4rem}.skills-grid,.projects-list-grid,.education-cards{grid-template-columns:1fr}.experience-timeline:before{left:10px}.timeline-item{padding-left:35px}.timeline-dot{left:1px}.contact-intro,.contact-form,.thesis-content{padding:30px 20px}}
