@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";.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}.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}.nav-links{display:flex;gap:22px}.nav-links a{color:gold;opacity:.9;transition:color .2s ease,opacity .2s ease}.nav-links a:hover{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%,#000c,#0000 60%),radial-gradient(1000px 700px at 90% 10%,#000c,#0000 55%),linear-gradient(135deg,#1a1a1a,#2a2a2a 60%,#1a1a1a);color:gold;padding:160px 20px 120px;position:relative;clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}.hero-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px}.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,.06),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}.cta-button:hover{transform:translateY(-4px);box-shadow:0 14px 48px #7f5af073}.profile-photo{position:absolute;top:60px;right:60px;width:260px;height:260px;background:linear-gradient(45deg,#667eeacc,#764ba2cc);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 28px 80px #667eea59;border:4px solid rgba(255,255,255,.16);overflow:hidden;z-index:1}.profile-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}section{padding:100px 0;width:100%;position:relative}.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}.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)}.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{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}.app.light .project-card,.app.light .about,.app.light .skills,.app.light .achievements,.app.light .education,.app.light .experience,.app.light .contact{background:#fff9;border-color:#0000000f;box-shadow:0 12px 40px #0d1b4e14}.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{color:#e8e9ee}}@media (max-width: 768px){.hero{padding:130px 20px 80px;clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}.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}}
