@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";.talking-photo{display:flex;flex-direction:column;align-items:center;gap:14px}.talking-photo__frame{position:relative;width:260px;height:260px;border-radius:50%;overflow:visible;transition:filter .3s ease}.talking-photo__frame.is-speaking{animation:talking-photo-bob .5s ease-in-out infinite}.talking-photo__img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;border:4px solid rgba(255,255,255,.16);box-shadow:0 28px 80px #00000059;transition:box-shadow .3s ease}.talking-photo__frame.is-speaking .talking-photo__img{box-shadow:0 0 0 4px #ffd70059,0 28px 80px #0006}.talking-photo__mouth{position:absolute;background:radial-gradient(ellipse at center,#160907 0,#160907 45%,#4a201b 72%,#7e443b);border-radius:45% 45% 52% 52%;box-shadow:inset 0 1px 1px #ffb4a052,0 1px 2px #0000004d;transform-origin:center;transition:transform .08s ease-out,opacity .15s ease;pointer-events:none}.talking-photo__playbtn{position:absolute;right:4px;bottom:4px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,0,0,.25);background:linear-gradient(90deg,gold,#d4af37);box-shadow:0 8px 20px #0006;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;z-index:2}.talking-photo__playbtn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 10px 26px #ffd70066}.talking-photo__playbtn:disabled{opacity:.5;cursor:not-allowed}.talking-photo__icon{display:block}.talking-photo__icon--play{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #000;margin-left:3px}.talking-photo__icon--pause{display:flex;gap:4px}.talking-photo__icon--pause span{width:5px;height:16px;background:#000;border-radius:1px;display:block}.talking-photo__calibrate{width:260px;display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:gold;background:#ffd7000f;border:1px solid rgba(255,215,0,.15);border-radius:12px;padding:12px 14px}.talking-photo__calibrate label{display:flex;flex-direction:column;gap:2px}.talking-photo__calibrate-hint{margin:4px 0 0;opacity:.7;font-size:.72rem}@keyframes talking-photo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.talking-photo__frame.is-speaking{animation:none}}.floating-logos{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.floating-logos__item{position:absolute;top:0;left:0;object-fit:contain;box-sizing:border-box;padding:4px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:#ffffff1a;opacity:0;filter:saturate(1.15) contrast(1.1) drop-shadow(0 5px 14px rgba(0,0,0,.6));animation-name:logo-float;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity}@keyframes logo-float{0%{transform:translate(var(--start-x),var(--start-y)) rotate(0);opacity:0}8%{opacity:var(--peak-opacity, .25)}50%{transform:translate(var(--mid-x),var(--mid-y)) rotate(calc(var(--spin, 0deg) * .5))}88%{opacity:var(--peak-opacity, .25)}to{transform:translate(var(--end-x),var(--end-y)) rotate(var(--spin, 0deg));opacity:0}}@media (prefers-reduced-motion: reduce){.floating-logos__item{animation:none;opacity:0}}.app{font-family:Poppins,sans-serif;line-height:1.6;color:gold;background:radial-gradient(1200px 800px at 10% -10%,#000000e6,#0000 60%),radial-gradient(1000px 700px at 90% 10%,#000000e6,#0000 55%),linear-gradient(135deg,#000,#1a1a1a,#000);min-height:100vh;overflow-x:hidden;scroll-behavior:smooth;position:relative;isolation:isolate}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);background:linear-gradient(180deg,#000000e6,#000000b3);border-bottom:1px solid rgba(255,215,0,.3)}.nav-container{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.logo{color:gold;font-weight:700;letter-spacing:.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;font:inherit}.nav-links{display:flex;gap:22px}.nav-links a,.nav-links button{color:gold;opacity:.9;transition:color .2s ease,opacity .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;font:inherit;padding:0}.nav-links a:hover,.nav-links button:hover,.nav-links button[aria-selected=true]{color:#fff;opacity:1}.cta-nav{padding:10px 18px;border-radius:999px;background:linear-gradient(45deg,#ffd70040,#d4af3740);border:1px solid rgba(255,215,0,.3)}.cta-nav.strong{background:linear-gradient(90deg,gold,#d4af37);color:#000;font-weight:700;box-shadow:0 10px 30px #ffd70059}.hamburger{display:none;background:transparent;border:0}.hamburger span{display:block;width:22px;height:2px;background:gold;margin:5px 0;transition:transform .3s ease}.mobile-menu{display:none}.nav-actions{display:flex;align-items:center;gap:12px}.theme-toggle{background:transparent;color:gold;border:1px solid rgba(255,215,0,.3);border-radius:999px;padding:8px 12px;font-size:.9rem}.theme-toggle:hover{color:#fff}.hero{background:radial-gradient(1200px 800px at 10% -10%,#000000b8,#0000 60%),radial-gradient(1000px 700px at 90% 10%,#000000a8,#0000 55%),linear-gradient(135deg,#1a1a1ac7,#2a2a2ab8 60%,#1a1a1ac7);color:gold;padding:160px 20px 120px;position:relative;overflow:visible}.hero-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;position:relative;z-index:1}.hero .hero-content{text-align:left}.hero .subtitle{opacity:.9;margin:8px 0 18px;font-size:1.05rem}.social-links{display:flex;gap:14px;margin-top:18px}.social-links a{color:gold;opacity:.9}.social-links a:hover{opacity:1;color:#fff}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 400px at 50% 0%,rgba(255,255,255,.04),transparent 70%);z-index:0}.hero-content h1{font-size:clamp(2.2rem,5vw,4rem);margin-bottom:10px;letter-spacing:.3px;text-shadow:0 6px 40px rgba(255,215,0,.35);animation:fadeInUp .8s ease-out}.hero-content p{font-size:clamp(1rem,2.2vw,1.25rem);margin-bottom:30px;opacity:.9;animation:fadeInUp 1s ease-out .1s both}.cta-button{background:linear-gradient(90deg,#7f5af0,#5ae2ff);color:#0b0b16;padding:14px 26px;text-decoration:none;border-radius:999px;display:inline-block;font-weight:700;letter-spacing:.3px;box-shadow:0 10px 40px #7f5af059;transition:transform .25s ease,box-shadow .25s ease;animation:fadeInUp 1.2s ease-out .2s both;border:0;cursor:pointer;font:inherit}.cta-button:hover{transform:translateY(-4px);box-shadow:0 14px 48px #7f5af073}.profile-photo{position:absolute;top:60px;right:60px;width:260px;height:260px;display:flex;align-items:center;justify-content:center;z-index:1}section{padding:100px 0;width:100%;position:relative;z-index:1}section.tab-panel:not(.active-tab){display:none}section.tab-panel.active-tab{min-height:calc(100vh - 84px)}.section-content{max-width:1200px;margin:0 auto;padding:0 20px}section{scroll-margin-top:84px}h2{text-align:center;margin-bottom:50px;color:gold;font-size:clamp(1.8rem,3.6vw,2.4rem);text-shadow:0 0 20px rgba(255,215,0,.25)}.about{background:#ffd7000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:60px;margin:40px 0;box-shadow:0 20px 60px #00000040;border:1px solid rgba(255,215,0,.08)}.summary{background:#ffd7000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:60px;margin:40px 0;box-shadow:0 20px 60px #00000038;border:1px solid rgba(255,215,0,.08)}.summary p{max-width:960px;margin:0 auto 18px;opacity:.95}.skills-table-wrapper{overflow-x:auto;margin-bottom:40px}.skills-table{width:100%;border-collapse:collapse;min-width:560px}.skills-table th,.skills-table td{padding:16px 18px;border:1px solid rgba(255,255,255,.08)}.skills-table th{background:#ffffff14;text-align:left;font-weight:600}.skills-table tbody tr:hover{background:#ffffff0f}.work-tasks{margin:18px 0 0;padding-left:20px;list-style:disc}.work-tasks li{margin-bottom:10px}.education-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.about-details{display:flex;justify-content:space-around;margin-top:30px;flex-wrap:wrap}.education,.experience{background:#ffd7000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:40px;margin:40px 0;box-shadow:0 20px 60px #00000040;border:1px solid rgba(255,215,0,.08)}.education-item,.experience-item{margin-bottom:30px;padding:20px;background:#ffd7000f;border-radius:16px;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,215,0,.08)}.education-item:hover,.experience-item:hover{transform:translateY(-8px);box-shadow:0 16px 48px #00000059}.skills{background:#ffd7000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:60px;margin:40px 0;box-shadow:0 20px 60px #00000040;border:1px solid rgba(255,215,0,.08)}.skill{margin-bottom:25px;display:flex;align-items:center;justify-content:space-between}.skill span{flex:1;font-weight:700}.progress-bar{flex:3;background:#ffffff24;border-radius:12px;height:12px;overflow:hidden;margin-left:20px;border:1px solid rgba(255,255,255,.12)}.progress{background:linear-gradient(90deg,#7f5af0,#5ae2ff);height:100%;border-radius:12px;transition:width 1s ease}.projects{background:#ffd7000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:60px;margin:40px 0;box-shadow:0 20px 60px #00000040;border:1px solid rgba(255,215,0,.08)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.project-card{background:#ffd70014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:20px;box-shadow:0 8px 24px #00000040;text-align:center;color:#fff;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:1px solid rgba(255,255,255,.1)}.project-card:hover{transform:translateY(-12px);box-shadow:0 18px 56px #00000059;border-color:#7f5af059}.project-card img{width:100%;height:180px;object-fit:cover;border-radius:15px;margin-bottom:20px}.achievements{display:flex;justify-content:space-around;flex-wrap:wrap;background:#ffd7000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:60px;margin:40px 0;box-shadow:0 20px 60px #00000040;border:1px solid rgba(255,215,0,.08)}.achievement{text-align:center;margin:20px;padding:20px;background:#ffd70014;border-radius:16px;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,215,0,.08)}.achievement:hover{transform:translateY(-8px);box-shadow:0 16px 48px #00000059}.achievement img{width:120px;height:120px;border-radius:15px;margin-bottom:15px}.achievement-mark{width:120px;height:120px;margin:0 auto 15px;display:grid;place-items:center;border-radius:15px;color:#0b0b16;background:linear-gradient(135deg,gold,#5ae2ff);font-size:1.45rem;font-weight:700;letter-spacing:.08em}.contact{background:#ffd7000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:60px;margin:40px 0;box-shadow:0 20px 60px #00000040;border:1px solid rgba(255,215,0,.08)}.contact-info{display:flex;justify-content:space-around;margin-bottom:50px;flex-wrap:wrap}.contact form{max-width:600px;margin:0 auto;display:flex;flex-direction:column}.contact input,.contact textarea{margin-bottom:15px;padding:15px;border:none;border-radius:10px;background:#ffd7001a;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:1em}.contact input::placeholder,.contact textarea::placeholder{color:#ffffffb3}.contact button{padding:15px;background:linear-gradient(45deg,gold,#d4af37);color:#000;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:transform .3s ease}.contact button:hover{transform:translateY(-3px)}footer{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:gold;text-align:center;padding:40px 20px;border-top:1px solid rgba(255,215,0,.08);position:relative;z-index:1}.app.light{color:#0e1330;background:radial-gradient(1000px 700px at 0% -10%,#7f5af014,#fff0 60%),linear-gradient(135deg,#f6f8ff,#eef1ff 60%,#e9efff)}.app.light .navbar{background:linear-gradient(180deg,#fffc,#ffffffb3);border-bottom-color:#0000000f}.app.light .nav-links a,.app.light .nav-links button{color:#2c3472}.app.light .cta-nav{border-color:#00000014}.app.light .cta-nav.strong{color:#0e1330;box-shadow:0 8px 24px #7f5af040}.app.light .hero{color:#0e1330;background:radial-gradient(900px 600px at 8% 0%,rgba(255,215,0,.14),transparent 60%),radial-gradient(800px 560px at 92% 10%,rgba(90,226,255,.16),transparent 58%),linear-gradient(135deg,#ffffffc7,#eef1ffb8)}.app.light .project-card,.app.light .about,.app.light .skills,.app.light .achievements,.app.light .education,.app.light .experience,.app.light .contact{background:#ffffff57;border-color:#0000000f;box-shadow:0 12px 40px #0d1b4e14}.app.light .project-card{color:#0e1330}.app.light .project-card a{color:#3947a5}.app.light .education-item,.app.light .experience-item,.app.light .achievement{background:#ffffff61;border-color:#0e13301a}.app.light .contact input,.app.light .contact textarea{color:#0e1330;background:#ffffffe0;border:1px solid rgba(14,19,48,.14)}.app.light .contact input::placeholder,.app.light .contact textarea::placeholder{color:#0e13309e}.app.light .floating-logos__item{filter:saturate(1.25) contrast(1.18) drop-shadow(0 5px 14px rgba(20,33,84,.4));background:#14215429;border-color:#14215447}.education,.experience,.skills,.projects,.achievements,.contact,.education-item,.experience-item,.project-card{-webkit-backdrop-filter:none;backdrop-filter:none}.app.light footer{background:#fffc;color:#0e1330;border-top-color:#0000000f}footer a{color:gold;text-decoration:none;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.nav-links{display:none}.hamburger{display:block}.mobile-menu{display:flex;flex-direction:column;gap:16px;padding:14px 20px 24px;background:linear-gradient(180deg,#080a1af2,#080a1abf);border-bottom:1px solid rgba(255,255,255,.08);transform:translateY(-100%);transition:transform .3s ease}.mobile-menu.open{transform:translateY(0)}.mobile-menu a,.mobile-menu button{color:#e8e9ee;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;font:inherit;padding:0;text-align:left}}@media (max-width: 768px){.hero{padding:130px 20px 80px}.hero-inner{display:flex;flex-direction:column;gap:24px}.profile-photo{position:static;margin:10px auto 0;width:220px;height:220px}.hero-content h1{font-size:2.4rem}.hero-content p{font-size:1rem}.about-details,.contact-info{flex-direction:column}.achievements{flex-direction:column;align-items:center}section{padding:80px 20px}h2{font-size:1.8rem}.project-grid{grid-template-columns:1fr}}:root{font-family:Poppins,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}