.header{background-color:#000;position:sticky;top:0;z-index:100;box-shadow:0 4px 15px #0000004d;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.nav{max-width:900px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;font-family:Arial,Helvetica,sans-serif}.logo-purple{color:#b18aff}.logo{color:#fff;font-weight:800;font-size:1.8rem;text-decoration:none;letter-spacing:2px;font-family:Impact,Arial Black,sans-serif;display:inline-block;text-align:left}.nav-toggle{display:none;font-size:2.4rem;color:#fff;background:none;border:none;cursor:pointer;transition:color .3s ease;order:1}.nav-toggle:hover{color:#b18aff}.nav-links{list-style:none;display:flex;gap:1.8rem;font-weight:600;margin:0;padding:0}.nav-links a{color:#fefefe;text-decoration:none;padding:.25rem .5rem;border-radius:6px;transition:all .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;width:0%;height:2px;bottom:0;left:0;background:#b18aff;transition:width .3s ease;border-radius:2px}.nav-links a:hover:after{width:100%}.nav-links a:hover{font-weight:700;color:#b18aff;transform:scale(1.05)}@media (max-width: 768px){.nav{justify-content:space-between}.nav-toggle{display:block}.nav-links{position:absolute;top:64px;right:0;background:#222222f2;flex-direction:column;width:200px;display:none;padding:1rem;border-radius:0 0 0 12px;box-shadow:0 8px 20px #0006}.nav-links.show{display:flex;animation:slideIn .3s ease forwards}.nav-links li{margin-bottom:1.2rem}}@keyframes slideIn{0%{opacity:0;transform:translate(50%)}to{opacity:1;transform:translate(0)}}.home-section{position:relative;overflow:hidden;background:#000;color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center}.bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#6343a3cc,#f856ddcc,#ec964fcc);animation:floatBubble linear infinite;pointer-events:none}.bubble:nth-child(1){width:80px;height:80px;left:10%;animation-duration:20s;animation-delay:0s}.bubble:nth-child(2){width:120px;height:120px;left:30%;animation-duration:25s;animation-delay:3s}.bubble:nth-child(3){width:60px;height:60px;left:50%;animation-duration:18s;animation-delay:5s}.bubble:nth-child(4){width:150px;height:150px;left:70%;animation-duration:30s;animation-delay:2s}.bubble:nth-child(5){width:90px;height:90px;left:85%;animation-duration:22s;animation-delay:4s}@keyframes floatBubble{0%{transform:translateY(100vh) translate(0) scale(1);opacity:.3}25%{transform:translateY(75vh) translate(30px) scale(1.1);opacity:.5}50%{transform:translateY(50vh) translate(-30px) scale(1.2);opacity:.4}75%{transform:translateY(25vh) translate(20px) scale(1.1);opacity:.5}to{transform:translateY(-200px) translate(0) scale(1);opacity:0}}.home-section{position:relative;overflow:hidden}.home-container{max-width:1200px;background-color:#000!important;margin:0 auto;width:100%;padding:2rem}.home-section .social-icons{position:absolute;top:50%;left:1rem;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;z-index:10}.home-section .social-icons a{color:#222;transition:color .3s ease}.home-section .social-icons a svg{fill:#fff;transition:fill .3s ease}.home-section .social-icons a:hover{color:#b18aff}.home-section .social-icons a:hover svg{fill:#b18aff}.home-content{display:flex;align-items:center;justify-content:space-between;gap:4rem;flex-wrap:wrap;width:100%;padding-left:5rem}.home-text{flex:1 1 400px;max-width:500px}.home-text h1{font-size:3.5rem;font-weight:800;color:#f1f1f1;margin-bottom:.3rem;display:flex;align-items:center;gap:.4rem;font-weight:300;font-family:Impact,Arial Black,sans-serif}.home-text h3{font-weight:600;font-size:1.3rem;margin-bottom:1rem;color:#b18aff;font-family:Arial,Helvetica,sans-serif}.home-text p{font-size:1.1rem;color:#666;margin-bottom:2rem;line-height:1.5;font-family:Arial,Helvetica,sans-serif}.say-hello-btn{padding:12px 28px;font-size:1.1rem;font-weight:500;border:none;border-radius:50px;cursor:pointer;background:linear-gradient(135deg,#6343a3cc,#f856ddcc,#ec964fcc);color:#fff;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;box-shadow:0 5px 15px #6343a3cc,0 5px 15px #f856ddcc,0 5px 15px #ec964fcc}.say-hello-btn:hover{transform:translateY(-3px) scale(1.05)}.home-image-wrapper{flex:1 1 320px;max-width:340px;position:relative;width:100%;aspect-ratio:1 / 1;background:linear-gradient(135deg,#b18aff,#6343a3cc,#f856ddcc);border-radius:50% 40%/70% 50% 80%;display:flex;align-items:center;justify-content:center;transition:box-shadow .3s ease}.home-image-wrapper img{width:80%;height:auto;border-radius:50%;object-fit:cover}.home-image-wrapper:hover{box-shadow:0 18px 50px #7c3be477}@media (max-width: 768px){.home-container{padding:2rem 1rem}.home-section .social-icons{display:none}.home-content{flex-direction:column;padding-left:0}.home-image-wrapper{max-width:260px;margin:0 auto}.home-text{max-width:100%;text-align:center}.home-text h1{justify-content:center}}@keyframes glow{0%{text-shadow:0 0 8px #ff355e,0 0 20px #ff6f91}to{text-shadow:0 0 20px #ff6f91,0 0 40px #ff355e}}.about-section{min-height:100vh;background-color:#000!important;padding:4rem 2rem;scroll-snap-align:start;display:flex;align-items:center;justify-content:center}.about-container{max-width:1200px;margin:0 auto;width:100%}.about-content h2{font-size:2.5rem;font-weight:300;color:#fff!important;text-align:center;margin-bottom:1.5rem;font-family:Impact,Arial Black,sans-serif}.about-section .about-divider{background:linear-gradient(135deg,#6343a3cc,#f856ddcc,#ec964fcc);width:60px;height:4px;margin:0 auto 2rem;border-radius:2px}.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start;text-align:left;margin-bottom:1.5rem}.about-sidebar{display:flex;flex-direction:column;gap:1rem}.about-text h3{color:#fff;font-size:1.5rem;margin-bottom:1rem;text-align:center;font-family:Arial,Helvetica,sans-serif}.about-text p{font-size:1.1rem;line-height:1.8;color:#666;margin-bottom:1.5rem;font-family:Arial,Helvetica,sans-serif}.cv-button{padding:12px 28px;font-size:1rem;text-decoration:none;font-weight:500;border:none;border-radius:50px;cursor:pointer;background:linear-gradient(135deg,#6343a3cc,#f856ddcc,#ec964fcc);color:#fff;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;width:fit-content;margin:0 auto;display:block}.cv-button:hover{background-color:#96f;transform:translateY(-2px)}.checklist{text-align:center}.checklist h4{color:#fff;font-size:1.2rem;margin-bottom:1rem;text-align:center;font-family:Arial,Helvetica,sans-serif}.checklist-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-family:Arial,Helvetica,sans-serif}.checklist-item span{flex-shrink:0;width:20px;text-align:center}.checklist-item label{flex:1;line-height:1.2}.checklist-item span{color:#4caf50;font-weight:700}.checklist-item label{color:#666;font-weight:700}.interests{margin-top:2rem}.interests h4{color:#fff;font-size:1.3rem;margin-bottom:1rem;text-align:center;font-family:Arial,Helvetica,sans-serif}.interest-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;font-family:Arial,Helvetica,sans-serif}.tag{background:#000;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;color:#666;font-family:Arial,Helvetica,sans-serif}.skills-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.skill-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background-color:#1a1a1a;border-radius:8px;transition:transform .3s ease}.skill-item:hover{transform:translateY(-5px)}.skill-item span{color:#fff;font-size:.9rem;font-weight:500}.about-image{position:relative;height:400px}.image-placeholder{width:100%;height:100%;background-color:#e0e0e0;border-radius:8px;box-shadow:0 10px 30px #0000001a}@media (max-width: 768px){.about-grid{grid-template-columns:1fr}}.skills-section{padding:3rem 1rem;background:#000}.skills-container{max-width:1000px;margin:0 auto;text-align:center}.skills-content h2{font-size:2.5rem;color:#fff;margin-bottom:.5rem;font-weight:300;font-family:Impact,Arial Black,sans-serif}.skills-divider{width:60px;height:4px;background:linear-gradient(135deg,#6343a3cc,#f856ddcc,#ec964fcc);margin:0 auto 2rem;border-radius:2px}.skills-marquee{overflow:hidden;white-space:nowrap;width:100%}.skills-track{display:inline-flex;animation:scroll 40s linear infinite;gap:3rem}.skill-item{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#000!important;border:1px solid black;border-radius:50px;box-shadow:0 4px 10px #0000004d!important;font-size:1rem;font-weight:500;color:#fff!important;white-space:nowrap;transition:transform .2s ease;font-family:Arial,Helvetica,sans-serif}.skill-item:hover{transform:scale(1.05);background:#000!important;color:#fff!important}.skill-icon{width:24px;height:24px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.education-section{background-color:#000;color:#fff;padding:80px 20px;text-align:center;position:relative}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:10px;position:relative;z-index:2;font-weight:300;font-family:Impact,Arial Black,sans-serif}.education-divider{background:linear-gradient(135deg,#6343a3cc,#f856ddcc,#ec964fcc);width:60px;height:4px;margin:0 auto 2rem;border-radius:2px}.education-container{max-width:900px;margin:0 auto;position:relative;font-family:Arial,Helvetica,sans-serif}.education-timeline{position:relative;padding-top:50px}.timeline{position:relative;margin-top:50px;padding-left:0}.timeline:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(135deg,#6343a3cc,#f856ddcc,#ec964fcc);box-shadow:0 0 10px #7b2ff799}.timeline-item{display:flex;justify-content:flex-start;position:relative;margin:50px 0}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-icon{width:20px;height:20px;background:#000;border:3px solid #a855f7;border-radius:50%;position:absolute;left:50%;top:0;transform:translate(-50%,-50%);z-index:2}.timeline-content{background:#111;padding:20px;border-radius:8px;max-width:380px;box-shadow:0 4px 15px #a855f733;position:relative}.timeline-date{display:inline;background:#1e1e1e;color:#a855f7;padding:5px 12px;border-radius:20px;font-size:.9rem;margin-bottom:10px;font-family:Arial,Helvetica,sans-serif}.timeline-title{font-size:1.2rem;font-weight:700;margin-bottom:6px}.timeline-content p{font-size:.95rem;color:#ccc;font-family:Arial,Helvetica,sans-serif}.projects-section{padding:4rem 2rem;background-color:#000!important}.projects-container{max-width:1200px;margin:0 auto}.projects-container h2{font-size:2.5rem;margin-bottom:1rem;color:#fff!important;text-align:center;font-weight:500;letter-spacing:1px;font-family:Impact,Arial Black,sans-serif}.projects-divider{height:4px;width:80px;background:linear-gradient(135deg,#6343a3cc,#f856ddcc,#ec964fcc);margin:0 auto 3rem;border-radius:2px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background:#0a0a0a!important;border-radius:12px;overflow:hidden;transition:transform .3s ease,border .3s ease;display:flex;flex-direction:column;border:1px solid #6343a3cc}.project-card:hover{transform:translateY(-6px);border:1px solid #f856ddcc}.project-image-container{height:250px;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.project-content h3{font-size:1.3rem;margin-bottom:.5rem;color:#fff!important;font-family:Arial,Helvetica,sans-serif}.project-description{color:#b4b4b4!important;margin-bottom:1rem;font-size:.95rem;line-height:1.4;font-family:Arial,Helvetica,sans-serif}.project-features{margin:1rem 0;padding-left:1.2rem;flex:1;font-family:Arial,Helvetica,sans-serif}.project-features li{margin-bottom:.5rem;font-size:.9rem;color:#fff;font-family:Arial,Helvetica,sans-serif}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;font-family:Arial,Helvetica,sans-serif}.tech-badge{background-color:#6343a3cc;color:#fff;padding:.3rem .6rem;border-radius:20px;font-size:.8rem;font-weight:500;transition:background .3s ease;font-family:Arial,Helvetica,sans-serif}.tech-badge:hover{background:linear-gradient(135deg,#6343a3cc,#f856ddcc,#ec964fcc)}.btn{display:inline-block;padding:6px 14px;border-radius:50px;font-weight:200px;text-decoration:none;color:#fff;transition:background .3s ease;font-family:Arial,Helvetica,sans-serif}.live-demo-btn,.source-code-btn{background:#6343a3cc!important;padding:.3rem .6rem!important;box-shadow:0 10px 30px #0000001a!important}.live-demo-btn:hover,.source-code-btn:hover{background:linear-gradient(135deg,#6343a3cc,#f856ddcc,#ec964fcc)!important}.project-buttons{margin-top:10px;display:flex;gap:20px}.contact-section{min-height:100vh;display:flex;align-items:center;background-color:#000;padding:4rem 2rem;scroll-snap-align:start}.contact-container{max-width:1000px;margin:0 auto;padding:0 2rem}.contact-header{text-align:center;margin-bottom:3rem}.contact-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#fff;font-weight:300;font-family:Impact,Arial Black,sans-serif}.contact-divider{background:linear-gradient(135deg,#6343a3cc,#f856ddcc,#ec964fcc);width:60px;height:4px;margin:0 auto 2rem;border-radius:2px}.contact-header h2{font-size:1.2rem;font-weight:400;color:#fff;text-transform:uppercase;letter-spacing:3px;font-weight:300;font-family:Impact,Arial Black,sans-serif}.contact-content{display:flex;gap:3rem}.contact-intro{flex:1}.contact-intro h3{font-size:1.8rem;margin-bottom:1.5rem;color:#fff;font-family:Arial,Helvetica,sans-serif}.contact-intro p{line-height:1.6;margin-bottom:1.5rem;color:#555;font-family:Arial,Helvetica,sans-serif}.contact-intro a{color:#fff;font-family:Impact,Arial Black,sans-serif;text-decoration:none}.contact-intro a:hover{text-decoration:underline}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{color:#666;transition:color .3s}.social-links a:hover{color:#fff;text-decoration:none}.location,.email{display:flex;align-items:center;gap:.5rem;margin-top:1rem;color:#fff;font-family:Impact,Arial Black,sans-serif}.location svg{color:#666}.email-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#fff;font-family:Arial,Helvetica,sans-serif;cursor:pointer;padding:0;text-decoration:none;transition:color .3s}.email-button:hover{color:#ccc}.email-button svg{color:#666}.contact-form{flex:1;display:flex;flex-direction:column;gap:1.5rem;border:none;border-radius:50px;padding:3rem 1rem}.form-row{display:flex;gap:1.5rem}.form-row .form-group{flex:1}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:700;font-size:.9rem;color:#555!important;font-family:Arial,Helvetica,sans-serif}.form-group input,.form-group textarea{padding:.8rem;border:1px solid #ddd!important;border-radius:4px;font-size:1rem;font-family:Arial,Helvetica,sans-serif}.form-group textarea{resize:vertical;min-height:150px}button{background:linear-gradient(135deg,#6343a3cc,#f856ddcc,#ec964fcc);color:#fff;padding:1rem 2rem;border:none;border-radius:50px;font-size:1rem;cursor:pointer;transition:background-color .3s;width:100%;font-family:Impact,Arial Black,sans-serif}.status{margin-top:1rem;color:#666}@media (max-width: 768px){.contact-content{flex-direction:column}.form-row{flex-direction:column;gap:1.5rem}}.footer{background:#111;padding:2rem 1rem;border-top:1px solid #333}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-text{color:#666;font-size:.9rem}.footer-text p{margin:.25rem 0;font-family:Arial,Helvetica,sans-serif}.footer-text p a{color:#6343a3cc;text-decoration:none}.footer-social{display:flex;gap:1rem}.footer-social a{color:#666;transition:color .3s}.footer-social a:hover{color:#b18aff}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center}}