@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}.about-page{background:var(--bg-gradient);min-height:100vh;font-family:Poppins,sans-serif;color:var(--text-dark);transition:.3s ease;overflow-x:hidden}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 8%;background:transparent;position:sticky;top:0;z-index:1000}.logo{display:flex;align-items:center;gap:15px;cursor:pointer;padding:10px}.logo-branding{position:relative;width:55px;height:55px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;will-change:transform}.logo-scanner{width:100%;height:100%;background:#0f172a;border-radius:18px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:2;border:1px solid rgba(255,255,255,.1)}.logo-letter{font-size:2rem;font-weight:900;color:#fff;z-index:3;font-family:Poppins,sans-serif;background:linear-gradient(to bottom,#fff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(139,92,246,.5));transform:translateZ(30px);display:block}.logo-beam{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.4),transparent);animation:beam-sweep 3s infinite}.logo-ring{position:absolute;inset:-3px;border-radius:20px;background:conic-gradient(from 0deg,transparent,#8b5cf6,transparent,#d8b4fe,transparent);animation:rotate-ring 4s linear infinite;z-index:1;opacity:.6}.logo:hover .logo-ring{filter:blur(8px);opacity:1}.logo-info{display:flex;flex-direction:column}.logo-name{font-size:1.5rem;font-weight:800;color:var(--text-dark);letter-spacing:1px;line-height:1}.logo-status{display:flex;align-items:center;gap:5px;margin-top:4px}.status-dot{width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981}.status-text{font-size:.7rem;font-weight:700;color:var(--text-muted);letter-spacing:3px}@keyframes beam-sweep{0%{left:-100%}50%,to{left:100%}}@keyframes rotate-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo:hover .logo-scanner{transform:scale(1.05);border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf666}.logo:hover .status-dot{animation:pulse-green 1s infinite}@keyframes pulse-green{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.nav-links{display:flex;align-items:center;gap:25px}.nav-links a{text-decoration:none;color:var(--text-muted);font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:.3s}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.menu-toggle{display:none;font-size:1.5rem;color:var(--text-dark);cursor:pointer}.theme-toggle{background:var(--white);border:1px solid rgba(139,92,246,.2);color:var(--primary);width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000000d}.main-container{padding:4rem 8%}.content-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.image-section{display:flex;justify-content:flex-end}.photo-frame{width:100%;max-width:440px;aspect-ratio:1 / 1.2;background:var(--white);padding:10px;border-radius:var(--radius);box-shadow:0 30px 60px -12px #0000001a;overflow:hidden}.photo-frame img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:calc(var(--radius) - 10px)}.name-display{font-size:clamp(3rem,6vw,4.5rem);font-weight:800;line-height:1;margin:15px 0}.description{color:var(--text-muted);line-height:1.8;margin:20px 0 35px;max-width:550px}.social-icons{display:flex;gap:15px}.social-icons a{color:var(--text-muted);background:var(--white);width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(0,0,0,.08);transition:.3s}.social-icons a:hover{color:#fff;background:var(--primary);transform:translateY(-5px)}.stats-row{display:flex;gap:15px;margin-top:20px}.stat-item{background:var(--white);padding:20px;border-radius:20px;flex:1;text-align:center;box-shadow:0 10px 20px #00000008}.stat-item strong{display:block;font-size:1.6rem;color:var(--primary)}.stat-item span{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.say-hello-btn{background:var(--primary);color:#fff;padding:16px 36px;border-radius:14px;text-decoration:none;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 25px -5px #8b5cf666;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1)}.say-hello-btn:hover{transform:translateY(-4px);box-shadow:0 20px 35px -10px #8b5cf680;background:#7c3aed}.say-hello-btn:active{transform:translateY(-1px)}.social-icons{display:flex;gap:12px;align-items:center}.social-icons a{color:var(--text-muted);background:var(--white);width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(0,0,0,.06);font-size:1.25rem;box-shadow:0 4px 6px -1px #0000000d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.social-icons a:hover{color:#fff;background:var(--primary);border-color:var(--primary);transform:translateY(-6px) scale(1.1);box-shadow:0 12px 20px -5px #8b5cf64d}.btn-group{display:flex;align-items:center;gap:24px;margin:40px 0}.dark .social-icons a{background:#1e293b;border-color:#ffffff1a;color:#94a3b8}.dark .social-icons a:hover{background:var(--primary);color:#fff}@media(max-width:1024px){.menu-toggle{display:block;z-index:1001}.nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--bg-light);flex-direction:column;justify-content:center;padding:2rem;box-shadow:-10px 0 30px #0000001a;transition:.4s cubic-bezier(.4,0,.2,1);z-index:1000}.nav-links.mobile-open{right:0}.nav-links a{font-size:1.2rem;width:100%;justify-content:flex-start;padding:15px;border-bottom:1px solid rgba(0,0,0,.05)}.content-grid{grid-template-columns:1fr;text-align:center;gap:40px}.image-section{order:-1;justify-content:center;margin-top:20px}.photo-frame{max-width:280px;margin:0 auto}.name-display{font-size:2.8rem}.description{margin:20px auto;font-size:1rem}.btn-group{flex-direction:column;gap:20px}.stats-row{flex-direction:row;flex-wrap:wrap;justify-content:center}.stat-item{min-width:120px}}@media(max-width:480px){.navbar{padding:1rem 5%}.logo-branding{width:45px;height:45px}.logo-name{font-size:1.1rem}.name-display{font-size:2.2rem}.stats-row{flex-direction:column;width:100%}.stat-item{width:100%}.social-icons a{width:42px;height:42px}}.skills-section{background:linear-gradient(135deg,#f3e8ff,#fff,#e0fdf4);min-height:100vh;font-family:Poppins,sans-serif;transition:.3s ease;overflow-x:hidden}.dark.skills-section{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.skills-main-container{padding:4rem 8%;max-width:1200px;margin:0 auto}.skills-title{font-size:3rem;font-weight:800;text-align:center;margin-bottom:3rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.skill-category-box{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:24px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 40px #0000000d}.dark .skill-category-box{background:#1e293bb3;border-color:#ffffff1a}.skill-category-box h2{font-size:1.4rem;margin-bottom:1.5rem;color:#8b5cf6;border-left:4px solid #8b5cf6;padding-left:15px}.skill-flex-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.skill-card{background:#fff;padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 6px #00000005;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.dark .skill-card{background:#1e293b;border-color:#ffffff0d}.skill-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #8b5cf626;border-color:#8b5cf6}.skill-icon{font-size:1.5rem}.skill-name{font-weight:600;font-size:.95rem}@media(max-width:1024px){.skills-main-container{padding:2rem 5%}.skills-title{font-size:2.2rem}.nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;flex-direction:column;justify-content:center;padding:2rem;box-shadow:-10px 0 30px #0000001a;transition:.4s ease;z-index:1000}.nav-links.mobile-open{right:0}.dark .nav-links{background:#0f172a}}.projects-section{background:linear-gradient(135deg,#f3e8ff,#fff,#e0fdf4);min-height:100vh;font-family:Poppins,sans-serif;transition:.3s ease;overflow-x:hidden}.dark.projects-section{background:linear-gradient(135deg,#0f172a,#1e293b)}.projects-wrapper{padding:4rem 8%;max-width:1300px;margin:0 auto}.projects-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;text-align:center;margin-bottom:3rem;color:var(--text-dark)}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.project-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.3);box-shadow:0 15px 35px #0000000d;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.dark .project-card{background:#1e293bcc;border-color:#ffffff1a}.project-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #8b5cf626}.image-container{position:relative;height:200px;overflow:hidden}.image-container img{width:100%;height:100%;object-fit:cover;transition:.5s ease}.project-card:hover .image-container img{transform:scale(1.1)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#8b5cf6cc;display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s ease}.image-container:hover .overlay{opacity:1}.overlay-btn{background:#fff;color:#8b5cf6;border:none;padding:10px 20px;border-radius:50px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px}.project-content{padding:25px}.project-name{font-size:1.3rem;font-weight:700;margin-bottom:10px;color:var(--text-dark)}.project-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:20px}.tech-tag{background:#8b5cf61a;color:#8b5cf6;padding:5px 12px;border-radius:50px;font-size:.75rem;font-weight:700;margin-right:8px}@media(max-width:1024px){.projects-wrapper{padding:2rem 5%}.projects-container{grid-template-columns:1fr}.project-card{max-width:400px;margin:0 auto}}@media(max-width:480px){.projects-title{font-size:2rem}.image-container{height:180px}}.education-page{background:linear-gradient(135deg,#f3e8ff,#fff,#e0fdf4);min-height:100vh;transition:all .4s ease;overflow-x:hidden}.education-page.dark{background:linear-gradient(135deg,#0f172a,#1e293b)}.content.education{padding:80px 8%;max-width:1200px;margin:0 auto}.edu-title{text-align:center;font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:60px;color:#1e293b}.dark .edu-title{color:#fff}.education-list{position:relative;display:flex;flex-direction:column;gap:60px}.education-list:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:3px;height:100%;background:#8b5cf6;border-radius:10px;opacity:.3}.edu-box{width:420px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:30px;border-radius:24px;border:1px solid rgba(139,92,246,.1);box-shadow:0 10px 30px #0000000d;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .edu-box{background:#1e293bb3;border-color:#ffffff0d;box-shadow:0 20px 40px #0003}.edu-box:hover{transform:translateY(-10px);border-color:#8b5cf6;box-shadow:0 15px 40px #8b5cf626}.edu-box:before{content:"";position:absolute;width:44px;height:44px;background-image:var(--edu-icon);background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:50%;background-color:#fff;box-shadow:0 0 0 4px #8b5cf6;z-index:5}.edu-box:nth-child(odd){align-self:flex-start;margin-left:calc(50% - 468px)}.edu-box:nth-child(odd):before{right:-70px;top:25px}.edu-box:nth-child(2n){align-self:flex-end;margin-right:calc(50% - 468px)}.edu-box:nth-child(2n):before{left:-70px;top:25px}.edu-degree{color:#8b5cf6;font-size:1.4rem;margin-bottom:12px;font-weight:700}.edu-institute{display:flex;align-items:center;gap:12px;margin-bottom:15px;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:10px}.dark .edu-institute{border-color:#ffffff1a}.edu-institute img{width:35px;height:35px;border-radius:5px}.edu-institute span{font-weight:600;font-size:.95rem;color:#475569}.dark .edu-institute span{color:#cbd5e1}.edu-desc{font-size:.95rem;color:#64748b;line-height:1.6}.dark .edu-desc{color:#94a3b8}.edu-year{display:inline-block;margin-top:15px;font-weight:800;color:#8b5cf6;background:#8b5cf61a;padding:4px 12px;border-radius:50px;font-size:.85rem}@media(max-width:1024px){.education-list:before{left:20px;transform:none}.edu-box{width:85%;margin:0 0 0 45px!important;align-self:flex-start!important}.edu-box:before{left:-44px!important;right:auto!important;width:35px;height:35px}}@media(max-width:600px){.edu-box{width:100%;margin-left:0!important}.education-list:before,.edu-box:before{display:none}}.certs-section{background:linear-gradient(135deg,#f3e8ff,#fff,#e0fdf4);min-height:100vh;font-family:Poppins,sans-serif;transition:all .4s ease;overflow-x:hidden}.certs-section.dark{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc}.certs-wrapper{padding:4rem 8%;max-width:1100px;margin:0 auto}.certs-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;text-align:center;margin-bottom:3.5rem}.highlight{color:#8b5cf6}.certs-grid{display:flex;flex-direction:column;gap:25px}.cert-card{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:24px;padding:30px;display:flex;gap:25px;box-shadow:0 10px 30px #0000000d;transition:.3s ease}.dark .cert-card{background:#1e293bb3;border-color:#ffffff1a;box-shadow:0 15px 35px #0003}.cert-card:hover{transform:scale(1.02);border-color:#8b5cf6}.cert-icon-box{background:#f3e8ff;width:70px;height:70px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dark .cert-icon-box{background:#334155}.award-icon{font-size:2rem;color:#8b5cf6}.cert-date{font-size:.8rem;font-weight:700;color:#8b5cf6;background:#8b5cf61a;padding:4px 12px;border-radius:50px;margin-bottom:10px;display:inline-block}.cert-name{font-size:1.4rem;font-weight:700;margin:8px 0}.cert-org{font-weight:600;display:flex;align-items:center;gap:8px;color:#4b5563}.dark .cert-org{color:#94a3b8}.check-i{color:#10b981}.cert-desc{font-size:.95rem;color:#6b7280;margin:12px 0 20px;line-height:1.6}.dark .cert-desc{color:#94a3b8}.cert-link{text-decoration:none;font-weight:700;color:#8b5cf6;font-size:.9rem;display:inline-flex;align-items:center;gap:6px;transition:.2s}.cert-link:hover{text-decoration:underline;gap:10px}@media(max-width:1024px){.nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;flex-direction:column;justify-content:center;padding:2.5rem;transition:.4s;z-index:1000}.dark .nav-links{background:#0f172a}.nav-links.mobile-open{right:0}}@media(max-width:768px){.cert-card{flex-direction:column;text-align:center;align-items:center;padding:25px}.cert-icon-box{width:60px;height:60px}.certs-wrapper{padding:2rem 5%}}:root{--primary: #8b5cf6;--bg-gradient: linear-gradient(135deg, #f3e8ff 0%, #ffffff 50%, #e0fdf4 100%);--text-dark: #111827;--text-muted: #6b7280;--white: #ffffff;--radius: 30px}.dark{--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--text-dark: #f8fafc;--text-muted: #94a3b8;--white: #1e293b}.contact-page{background:var(--bg-gradient);min-height:100vh;font-family:Poppins,sans-serif;color:var(--text-dark);transition:.3s ease;overflow-x:hidden}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 8%;background:transparent;position:sticky;top:0;z-index:1000;font-family:Poppins,sans-serif}.logo-name{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:800;color:var(--text-dark);letter-spacing:1px}.contact-container{display:flex;max-width:1200px;margin:40px auto;padding:2rem 8%;gap:60px;align-items:flex-start}.contact-info{flex:1}.contact-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:20px}.highlight{color:var(--primary)}.contact-subtitle{color:var(--text-muted);line-height:1.8;margin-bottom:40px;font-size:1.05rem}.info-items{display:flex;flex-direction:column;gap:25px}.info-item{display:flex;align-items:center;gap:20px;background:var(--white);padding:20px;border-radius:20px;box-shadow:0 10px 25px #00000008;border:1px solid rgba(139,92,246,.1);transition:.3s ease}.info-item:hover{transform:translate(10px);border-color:var(--primary)}.icon-box{width:50px;height:50px;background:var(--primary);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 8px 15px #8b5cf64d}.info-item h4{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.info-item p{font-weight:600;color:var(--text-dark)}.contact-form-container{flex:1;width:100%}.contact-form{background:var(--white);padding:40px;border-radius:var(--radius);box-shadow:0 30px 60px -12px #0000001a;border:1px solid rgba(255,255,255,.2)}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:16px 20px;border-radius:15px;border:1px solid rgba(0,0,0,.08);background:#f3e8ff4d;font-family:Poppins,sans-serif;color:var(--text-dark);transition:.3s}.dark .form-group input,.dark .form-group textarea{background:#0f172a99;border-color:#ffffff1a}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background:var(--white);box-shadow:0 0 0 4px #8b5cf61a}.submit-btn{width:100%;background:var(--primary);color:#fff;padding:16px;border-radius:15px;border:none;font-family:Poppins,sans-serif;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 25px -5px #8b5cf666;transition:all .3s ease}.submit-btn:hover{transform:translateY(-4px);background:#7c3aed;box-shadow:0 15px 30px #8b5cf680}@media(max-width:1024px){.contact-container{flex-direction:column;padding:20px 5%;margin:20px auto;gap:40px}.contact-info{text-align:center;width:100%}.contact-title{font-size:2.2rem;margin-bottom:15px}.info-items{gap:15px;align-items:center}.info-item{width:100%;max-width:400px;flex-direction:column;text-align:center;padding:25px 15px;gap:10px;border-radius:20px}.icon-box{margin-bottom:5px}.contact-form-container{width:100%}.contact-form{padding:30px 20px;border-radius:24px;width:100%}.form-group input,.form-group textarea{font-size:16px;padding:14px}.submit-btn{padding:18px;font-size:1.1rem}}@media(max-width:480px){.contact-title{font-size:1.8rem}.contact-container{padding:10px 4%}}