body.dark{color:#fff;background:radial-gradient(circle at 0 0,#6c5ce738,#0000 30%),radial-gradient(circle at 100% 0,#00cec92e,#0000 28%),linear-gradient(135deg,#0f172a,#111827,#1e1b4b)}body.light{color:#111827;background:radial-gradient(circle at 0 0,#3b82f61f,#0000 30%),radial-gradient(circle at 100% 0,#10b9811f,#0000 28%),linear-gradient(135deg,#f8fafc,#e0f2fe,#eef2ff)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:radial-gradient(circle at 0 0,#6c5ce738,#0000 30%),radial-gradient(circle at 100% 0,#00cec92e,#0000 28%),linear-gradient(135deg,#0f172a,#111827,#1e1b4b);min-height:100vh;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.page{min-height:100vh}.container{width:90%;max-width:1200px;margin:0 auto}.header{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0f1ea6;border-bottom:1px solid #ffffff14;position:sticky;top:0}.header .container{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.brand-tag{color:#a5b4fc;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-size:13px}.logo{color:#fff;font-size:28px;font-weight:700}.nav{flex-wrap:wrap;gap:24px;display:flex}.nav a{color:#dbeafe;font-size:15px;transition:all .3s;position:relative}.nav a:after{content:"";background:linear-gradient(90deg,#38bdf8,#8b5cf6);width:0;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.nav a:hover{color:#fff}.nav a:hover:after{width:100%}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;padding:80px 0 40px;display:grid}.badge{color:#c4b5fd;background:#6366f12e;border:1px solid #c4b5fd40;border-radius:999px;margin-bottom:20px;padding:10px 16px;font-size:14px;display:inline-block}.hero-title{background:linear-gradient(90deg,#fff,#c4b5fd,#67e8f9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:18px;font-size:52px;font-weight:800;line-height:1.15}.hero-subtitle{color:#d1d5db;max-width:650px;margin-bottom:28px;font-size:17px;line-height:1.8}.button-group{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.primary-btn,.secondary-btn,.resume-btn,.project-btn{cursor:pointer;border:none;border-radius:12px;padding:12px 22px;font-size:15px;font-weight:600;transition:all .3s}.primary-btn{color:#fff;background:linear-gradient(90deg,#7c3aed,#06b6d4);box-shadow:0 10px 25px #7c3aed59}.primary-btn:hover{transform:translateY(-3px)scale(1.02)}.secondary-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff1f}.secondary-btn:hover{background:#ffffff24;transform:translateY(-3px)}.resume-btn{color:#fff;background:linear-gradient(90deg,#0ea5e9,#14b8a6);box-shadow:0 10px 24px #0ea5e947}.resume-btn:hover,.project-btn:hover{transform:translateY(-3px)scale(1.02)}.social-links{gap:18px;margin-bottom:28px;display:flex}.social-links a{color:#cbd5e1;font-weight:600;transition:all .3s}.social-links a:hover{color:#67e8f9;transform:translateY(-2px)}.stats{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.stat-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#ffffff12;border:1px solid #ffffff14;border-radius:18px;padding:22px;transition:all .3s}.stat-card:hover{transform:translateY(-6px);box-shadow:0 16px 35px #00000040}.stat-card h3{color:#67e8f9;margin-bottom:8px;font-size:28px}.stat-card p{color:#d1d5db;font-size:14px}.hero-right{justify-content:center;display:flex}.profile-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:380px;padding:24px;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000059}.profile-glow{background:radial-gradient(circle,#6366f159,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.profile-content{z-index:2;text-align:center;position:relative}.profile-image-wrap{background:linear-gradient(135deg,#8b5cf6,#06b6d4,#22c55e);border-radius:50%;width:170px;height:170px;margin:0 auto 18px;padding:5px}.profile-image{object-fit:cover;border:4px solid #0f172a;border-radius:50%;width:100%;height:100%;display:block}.small-label{color:#a5b4fc;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-size:13px}.profile-content h3{margin-bottom:10px;font-size:26px}.profile-content p{color:#d1d5db;font-size:15px;line-height:1.7}.highlight-list{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.highlight-list span{color:#e0f2fe;background:#ffffff1a;border:1px solid #ffffff14;border-radius:999px;padding:8px 14px;font-size:13px}.float-card{animation:4s ease-in-out infinite floatCard}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.section{padding:70px 0 10px}.section-heading{margin-bottom:28px}.section-heading p{color:#67e8f9;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-size:13px}.section-heading h2{font-size:34px;line-height:1.3}.glass-card,.contact-box,.project-card,.skill-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff12;border:1px solid #ffffff14;border-radius:22px}.glass-card{padding:28px}.glass-card p{color:#d1d5db;font-size:16px;line-height:1.9}.hover-lift{transition:all .35s}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 45px #00000047}.skills-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.skill-card{text-align:center;padding:24px;font-size:17px;font-weight:700}.colorful-card{position:relative;overflow:hidden}.colorful-card:before{content:"";opacity:1;z-index:0;background:linear-gradient(135deg,#6366f129,#06b6d41f,#22c55e1f);position:absolute;inset:0}.colorful-card>*{z-index:1;position:relative}.projects-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.project-card{padding:26px;position:relative}.project-top-line{background:linear-gradient(90deg,#8b5cf6,#06b6d4);border-radius:10px;width:70px;height:5px;margin-bottom:18px}.project-card h3{margin-bottom:14px;font-size:22px}.project-card p{color:#d1d5db;margin-bottom:20px;font-size:15px;line-height:1.8}.project-btn{color:#fff;background:linear-gradient(90deg,#7c3aed,#0891b2)}.contact-box{margin-bottom:40px;padding:32px}.contact-label{color:#67e8f9;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-size:13px}.contact-box h2{margin-bottom:14px;font-size:32px}.contact-text{color:#d1d5db;margin-bottom:24px;line-height:1.9}.feedback-form{flex-direction:column;gap:16px;display:flex}.feedback-form input,.feedback-form textarea{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:all .3s}.feedback-form input::placeholder,.feedback-form textarea::placeholder{color:#cbd5e1}.feedback-form input:focus,.feedback-form textarea:focus{border-color:#67e8f9;box-shadow:0 0 0 4px #67e8f91f}.form-message{color:#86efac;margin-top:18px;font-size:15px;font-weight:600}@media (width<=1024px){.hero{grid-template-columns:1fr}.hero-title{font-size:42px}.stats,.projects-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}.nav{gap:16px}}@media (width<=768px){.header .container{flex-direction:column;gap:16px}.hero{padding-top:50px}.hero-title{font-size:34px}.section-heading h2,.contact-box h2{font-size:28px}.stats,.projects-grid,.skills-grid{grid-template-columns:1fr}.button-group{flex-direction:column;align-items:flex-start}.nav{justify-content:center}.profile-card{max-width:100%}}.theme-toggle{cursor:pointer;width:42px;height:42px;color:inherit;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .3s;display:flex}.theme-toggle:hover{transform:scale(1.1)rotate(10deg)}body.light .header{background:#ffffffb3;border-bottom:1px solid #0f172a14}body.light .logo,body.light .hero-title,body.light .section-heading h2,body.light .contact-box h2,body.light .project-card h3,body.light .profile-content h3{color:#111827;-webkit-text-fill-color:unset;background:0 0}body.light .nav a,body.light .hero-subtitle,body.light .glass-card p,body.light .project-card p,body.light .contact-text,body.light .profile-content p,body.light .stat-card p{color:#374151}body.light .glass-card,body.light .contact-box,body.light .project-card,body.light .skill-card,body.light .profile-card,body.light .stat-card{background:#ffffffbf;border:1px solid #0f172a14;box-shadow:0 10px 30px #0f172a14}body.light .feedback-form input,body.light .feedback-form textarea{color:#111827;background:#ffffffd9;border:1px solid #0f172a1f}body.light .feedback-form input::placeholder,body.light .feedback-form textarea::placeholder{color:#6b7280}body.light .secondary-btn{color:#111827;background:#0f172a0f;border:1px solid #0f172a1a}body.light .highlight-list span{color:#111827;background:#0f172a0f;border:1px solid #0f172a14}body.light .small-label,body.light .brand-tag,body.light .section-heading p,body.light .contact-label{color:#4f46e5}