body{background-color:#0a0a0a;color:#f0f8ff;background-image:linear-gradient(#bbaaff10 1px,transparent 1px),linear-gradient(90deg,#bbaaff10 1px,transparent 1px);background-size:30px 30px;font-family:Josefin Sans,sans-serif}html{scroll-behavior:smooth}.navbar{width:100%;display:flex;justify-content:center;padding:20px 0;position:relative}.nav-links{list-style:none;display:flex;gap:40px;padding:0;margin:0}.nav-links a{text-decoration:none;color:#fff;font-size:27px;font-weight:500}.menu-icon{display:none;position:absolute;right:20px;font-size:30px;color:#fff;cursor:pointer}@media(max-width:768px){.nav-links{gap:20px}.nav-links a{font-size:18px}}@media(max-width:480px){.menu-icon{display:block;z-index:1100}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:70%;background:#0d0d0d;flex-direction:column;align-items:center;justify-content:center;gap:30px;transition:right .3s ease;z-index:1000}.nav-links.open{right:0}}.hero{display:flex;justify-content:center;align-items:center;padding:80px 40px;gap:60px;color:#fff}.hero-left{display:flex;justify-content:center;align-items:center}.hero-img{width:350px;filter:drop-shadow(0 6px 15px #0004)}.hero-right{max-width:550px}.hero-right h1{font-size:4.5rem;margin-bottom:10px}.hero-right p{font-size:1.7rem;line-height:1.4;margin-top:30px}.cta{padding:17px 29px;background-color:#c7a2ff;border:none;border-radius:20px;margin-top:30px;font-weight:700;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:18px}.purple{color:#c7a2ff}.pink{color:#ff94c2}.white{color:#fff}.fade-in{opacity:0;transform:translateY(10px);animation:fadeIn 1.2s ease-out forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero{flex-direction:column;text-align:center;padding:60px 20px}.hero-img{width:240px}.hero-right h1{font-size:3.2rem}.hero-right p{font-size:1.3rem}}.services{text-align:center;padding:20px 40px;color:#fff;position:relative}.section-title{font-size:64px;margin-bottom:40px;color:#ffc4f2;font-weight:600}.decorative-image1,.decorative-image2,.elec{position:absolute;max-width:100%}.decorative-image1{top:760px;left:480px;width:500px}.decorative-image2{top:830px;left:100px}.elec{top:820px;left:1300px;width:50px}.service-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:100px}.service-box{position:relative;padding:70px;width:400px;background:#14131352;border-radius:40px;box-shadow:0 0 10px #0003;overflow:hidden}.border-rect{width:100%;height:100%;fill:none;stroke:#ffffffa9;stroke-width:4px;stroke-dasharray:13 18;stroke-dashoffset:0;transition:stroke .3s,stroke-dashoffset .6s}.service-box:hover .border-rect{stroke:#ffc4f2;stroke-dashoffset:-60}.service-box h3{font-size:36px;font-weight:700;margin-bottom:30px}.service-box ul{font-size:30px;text-align:left;padding:20px}.service-box ul li{margin-bottom:20px}@media(max-width:1024px){.service-grid{gap:30px}.service-box{width:350px;padding:60px}.service-box h3{font-size:32px}.service-box ul{font-size:26px}}@media(max-width:768px){.service-grid{gap:25px}.service-box{width:320px;padding:55px}.service-box h3{font-size:30px}.service-box ul{font-size:24px}.decorative-image1{left:40%}.decorative-image2{left:5%}.elec{left:85%}}@media(max-width:480px){.service-grid{gap:20px}.service-box{width:90%;padding:50px 25px}.service-box h3{font-size:26px}.service-box ul{font-size:20px}.decorative-image1{left:30%;top:700px;width:400px}.decorative-image2{left:5%;top:750px}.elec{left:75%;top:720px;width:40px}}.stack{text-align:center;padding:80px 40px;color:#fff}.section-title{font-size:64px;color:#ffc4f2;font-weight:600;margin-bottom:40px}.stack-icons{display:block;margin:60px auto 50px;max-width:80%;width:100%}.divider{width:100%;border:none;border-top:3px dashed #555;margin:20px 0}.ticker-wrapper{width:100%;overflow:hidden;padding:20px 0}.ticker{display:flex;gap:15px;animation:scroll 25s linear infinite;width:max-content}.item{background:#1a1a1a;padding:20px 50px;border-radius:22px;border:1px solid #333;white-space:nowrap;font-size:22px;transition:transform .3s}.item:hover{transform:scale(1.05)}@media(max-width:1024px){.section-title{font-size:52px}.stack-icons{max-width:80%}.item{font-size:20px;padding:18px 40px}}@media(max-width:768px){.section-title{font-size:48px}.stack-icons{max-width:80%}.item{font-size:18px;padding:16px 35px}}@media(max-width:480px){.stack{padding:40px 6px}.section-title{font-size:36px;margin-bottom:20px}.stack-icons{width:100%;max-width:100%;margin:20px auto}.divider{margin:5px 0}.item{font-size:16px;padding:14px 28px}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.projects{text-align:center;padding:20px 40px;color:#fff;cursor:pointer;text-decoration:none}.project h3{color:#fff;text-decoration:none}.project:hover h3{color:#bc81ff;text-decoration:none}.section-title{font-size:64px;color:#ffc4f2;font-weight:600;text-align:center;margin-bottom:40px}.projects-list{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:900px;margin:0 auto;justify-items:center;padding:20px 0}.project{background:#1a1a1a;border-radius:22px;border:1px solid #333;width:400px;height:280px}.project img{width:100%;height:100%;object-fit:cover;border-radius:22px}.cta1{align-items:center;font-size:16px;padding:14px 30px;background-color:#c7a2ff;border:none;border-radius:20px;font-weight:700;cursor:pointer;font-family:Josefin Sans,sans-serif;margin-top:40px}@media(max-width:1024px){.projects-list{grid-template-columns:1fr 1fr;gap:30px}.project{width:300px;height:220px}.section-title{font-size:48px}}@media(max-width:768px){.projects-list{grid-template-columns:1fr;gap:70px}.project{width:100%;max-width:350px;height:200px}.section-title{font-size:36px}.cta1{align-items:center;font-size:16px;padding:14px 30px;background-color:#c7a2ff;border:none;border-radius:20px;font-weight:700;cursor:pointer;font-family:Josefin Sans,sans-serif}}.project,.project h3{text-decoration:none!important;color:#fff}.Contact{text-align:center;padding:40px 20px;color:#fff;background-color:#0a0a0a}.section--title{font-size:64px;color:#cbacf9;font-weight:600;text-align:center;margin-bottom:50px}a{text-decoration:none}.contact-box{position:relative;display:flex;flex-direction:column;gap:25px;max-width:700px;margin:50px auto;padding:30px;background-color:#1414146b;border-radius:50px;cursor:pointer;transition:transform .3s}.contact-box:hover{transform:translateY(-5px)}.border-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.border-rect{width:100%;height:100%;fill:none;stroke:#fbfbfb9b;stroke-width:2;stroke-dasharray:20,15;rx:50;ry:50;transition:stroke .3s,stroke-dashoffset .6s;stroke-dashoffset:0}.contact-box:hover .border-rect{stroke:#ffc4f2;stroke-dashoffset:-60}.contact-box>div{display:flex;align-items:center;gap:15px;max-width:300px;margin:0 auto;font-family:Josefin Sans,sans-serif;font-size:24px;color:#fff;z-index:1;cursor:pointer;transition:transform .3s,color .3s}.contact-box>div:hover{transform:translateY(-2px);color:#cbacf9}.contact-box>div img{width:30px;height:30px;object-fit:contain;transition:transform .3s}.contact-box>div:hover img{transform:scale(1.2)}.contact-box>.contact-link{display:flex;align-items:center;gap:15px;max-width:300px;margin:0 auto;font-family:Josefin Sans,sans-serif;font-size:24px;color:#fff;z-index:1;cursor:pointer;transition:transform .3s,color .3s;text-decoration:none}.contact-box>.contact-link:hover{transform:translateY(-2px);color:#cbacf9}.contact-box>.contact-link img{width:30px;height:30px;object-fit:contain;transition:transform .3s}.contact-box>.contact-link:hover img{transform:scale(1.2)}#pink{color:#ff94c2}.attribution{text-align:center;color:#fff;font-size:24px;margin-bottom:10px}@media(max-width:1024px){.section--title{font-size:48px;margin-bottom:40px}.contact-box{max-width:500px;padding:25px}.contact-box>div{font-size:20px}.contact-box>div img{width:28px;height:28px}}@media(max-width:768px){.section--title{font-size:36px;margin-bottom:30px}.contact-box{width:90%;padding:20px;gap:20px}.contact-box>div{font-size:18px;gap:10px}.contact-box>div img{width:24px;height:24px}.attribution{font-size:18px}}@media(max-width:480px){.section--title{font-size:28px;margin-bottom:20px}.contact-box{width:95%;padding:15px;gap:15px}.contact-box>div{font-size:16px;gap:8px}.contact-box>div img{width:20px;height:20px}.attribution{font-size:16px}}.about-wrapper{margin-bottom:20px;font-family:Josefin Sans,sans-serif;padding:80px 40px;color:#fff;text-align:center}.title{font-size:48px;color:#ffc4f2;font-weight:600;margin-bottom:50px;line-height:1.2}.content-grid{display:flex;justify-content:center;gap:30px;align-items:flex-start}.left-card,.experience-card,.right-card{width:100%;max-width:350px}.left-card{padding:20px;text-align:center}.profile-img{width:210px;height:210px;border-radius:50%;object-fit:cover;margin-bottom:20px}.left-card h2{font-size:30px;margin-bottom:8px}.role{color:#ff91c9;font-size:24px;font-weight:600;margin-bottom:15px}.email{font-size:15px;opacity:.8;margin-bottom:15px}.left-card p{font-size:20px;line-height:1.6}.experience-card,.education-card,.tools-card{background:#ffffff08;border-radius:25px;padding:20px;text-align:left}.experience-card h3,.education-card h3,.tools-card h3{font-size:22px;color:#ffd0f0;margin-bottom:12px}.experience-card ul,.education-card ul,.tools-card ul{font-size:18px;line-height:1.6;padding-left:20px}.right-card{display:flex;flex-direction:column;gap:20px}.github-btn{width:100%;padding:15px 0;border-radius:20px;border:none;background:#ff91c9;font-size:20px;cursor:pointer;transition:.3s;margin-top:50px}.github-btn:hover{background:#ff6ab7}@media(max-width:768px){.title{font-size:36px}.content-grid{flex-wrap:wrap}.left-card,.experience-card,.right-card{max-width:48%;margin-top:10px}.profile-img{width:140px;height:140px}}@media(max-width:480px){.about-wrapper{padding:50px 16px}.title{font-size:32px;margin-bottom:30px}.content-grid{flex-direction:column;align-items:center}.left-card,.experience-card,.right-card,.education-card,.tools-card{max-width:100%;width:100%}.profile-img{width:120px;height:120px}.left-card p,.experience-card ul,.education-card ul,.tools-card ul{font-size:15px}.github-btn{margin-top:10px;font-size:16px;padding:12px 0}}.project-page{padding:120px 12%;max-width:1200px;margin:0 auto;line-height:1.7}.project-hero{margin-bottom:100px}.project-hero h1{font-size:56px;font-weight:700;margin-bottom:10px;color:#ffc4f2}.project-subtitle{font-size:22px;opacity:.7;margin-bottom:40px}.project-hero img{width:100%;border-radius:20px;margin-top:20px}.project-section{margin-bottom:80px}.project-section h2{font-size:32px;font-weight:600;margin-bottom:20px;color:#ffc4f2}.project-section p{font-size:18px;max-width:800px}.project-section ul{margin-top:20px;padding-left:20px}.project-section li{font-size:18px;margin-bottom:10px}.project-hero img{width:100%;border-radius:20px;margin-top:20px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.project-hero img:hover{transform:scale(1.02);box-shadow:0 20px 40px #00000026}.image-wrapper{position:relative;display:inline-block;width:100%;border-radius:20px;overflow:hidden}.image-wrapper img{width:100%;display:block;border-radius:20px;transition:transform .4s ease;cursor:pointer}.overlay{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.overlay span{color:#fff;font-size:22px;font-weight:500;letter-spacing:1px}.image-wrapper:hover img{transform:scale(1.05)}.image-wrapper:hover .overlay{opacity:1}