.sidebar .bg{z-index:999;position:fixed;top:0;left:0;width:400px;max-width:100vw;height:100vh;background:linear-gradient(180deg,#0c0c1d,#111132);border-right:1px solid rgba(255,0,128,.3)}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.sidebar .bg .links a{font-size:32px;font-weight:600;color:#fff;text-transform:lowercase;letter-spacing:1px}.sidebar .bg .links a:hover{color:#ff0080}.sidebar button{width:50px;height:50px;border-radius:50%;background:#0c0c1d;border:2px solid #ff0080;color:#ff0080;position:fixed;top:25px;left:10px;outline:none;z-index:1000;cursor:pointer;display:none;align-items:center;justify-content:center}@media(max-width:992px){.sidebar button{display:flex}}.navbar{height:100px;padding:20px 40px;border-bottom:1px solid rgba(255,0,128,.3)}.navbar .wrapper{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:100%}.navbar .wrapper .menu{display:flex;align-items:center;gap:28px}.navbar .wrapper .menu a{position:relative;color:#d3d3d3;font-size:15px;font-weight:500;text-transform:lowercase;letter-spacing:.5px;transition:color .2s;padding-bottom:4px}.navbar .wrapper .menu a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;border-radius:999px;background:#ff0080;transition:width .25s ease}.navbar .wrapper .menu a:hover{color:#ff0080}.navbar .wrapper .menu a:hover:after{width:100%}@media(max-width:992px){.navbar .wrapper .menu{display:none}}.navbar .wrapper .social{display:flex;align-items:center;gap:20px;color:#d3d3d3;margin-left:auto}.navbar .wrapper .social a{display:flex;transition:color .2s ease,transform .2s ease}.navbar .wrapper .social a:hover{color:#ff0080;transform:scale(1.15)}.about{background:linear-gradient(180deg,#0c0c1d,#111132);height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:100px 40px}@media(max-width:992px){.about{padding:50px 24px}}@media(max-width:576px){.about{padding:40px 16px}}.about .textContainer{align-self:flex-end;display:flex;align-items:center;gap:20px}.about .textContainer .title{font-family:var(--font-playfair),serif;color:#fff;text-align:center;width:500px;max-width:100%;margin-left:auto;margin-right:auto;line-height:1.5;font-style:italic;flex-shrink:1}@media(max-width:992px){.about .textContainer .title{display:none}}.about .textContainer .strong-title{color:#ff0080}@media(max-width:576px){.about .textContainer{align-self:center;text-align:center;flex-direction:column}}.about .textContainer p{font-weight:200;font-size:20px;color:gray;text-align:right}.about .listContainer{max-width:1400px;width:100%;margin:60px auto 0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}@media(max-width:992px){.about .listContainer{grid-template-columns:repeat(2,1fr);margin-top:40px}}@media(max-width:576px){.about .listContainer{grid-template-columns:repeat(1,1fr);margin-top:32px;gap:20px}}.about .listContainer .box{padding:30px;display:flex;flex-direction:column;border:1px solid rgba(255,0,128,.3);border-radius:20px}@media(max-width:992px){.about .listContainer .box{padding:20px}}.about .listContainer .box .item-wrap-image{aspect-ratio:1/1;border-radius:20px;overflow:hidden;border:1px solid hsla(0,0%,100%,.08)}.about .listContainer .box .item-image{height:100%;width:100%;max-width:100%;object-fit:cover}.about .listContainer .box .content{margin-top:20px;text-align:left}.about .listContainer .box .content .title{font-weight:600;font-family:inherit;font-style:normal}.about .listContainer .box .content .desc{color:#9a9a9a;line-height:1.5}.contact{position:relative;min-height:100vh;max-width:1366px;margin:auto;display:flex;align-items:center;gap:50px;padding:20px;overflow:hidden}@media(max-width:992px){.contact{width:100%;gap:20px;flex-direction:column;justify-content:center}}.contact .revealOverlay{background:var(--bg-dark-1,#0c0c1d);z-index:5}.contact .phoneSvg,.contact .revealOverlay{position:absolute;inset:0;pointer-events:none}.contact .phoneSvg{margin:auto;width:min(60%,560px);aspect-ratio:1/1;stroke:#ff0080;z-index:6}@media(max-width:576px){.contact .phoneSvg{display:none}}.contact .textContainer{flex:1 1;display:flex;flex-direction:column;gap:30px}@media(max-width:992px){.contact .textContainer{flex:none;width:100%;gap:16px;margin-top:20px}}.contact .textContainer .item{display:flex;gap:20px;align-items:center}.contact .textContainer .item h2{font-size:20px;color:#fff}@media(max-width:576px){.contact .textContainer .item h2{font-size:16px}.contact .textContainer .item{flex-direction:column;align-items:flex-start;gap:4px}}.contact .textContainer .item span{font-size:20px;color:#fff;font-weight:300}@media(max-width:576px){.contact .textContainer .item span{font-size:16px}}.contact .textContainer h1{font-size:80px;line-height:1.1;color:#fff}@media(max-width:992px){.contact .textContainer h1{font-size:60px}}@media(max-width:576px){.contact .textContainer h1{font-size:36px}}.contact .textContainer .socials{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}.contact .textContainer .socials a{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid hsla(0,0%,100%,.2);border-radius:999px;color:#fff;font-size:14px}.contact .formContainer{flex:1 1;position:relative}@media(max-width:992px){.contact .formContainer{display:none}}.contact .formContainer form{position:relative;z-index:1;display:flex;flex-direction:column;gap:20px;background:var(--bg-dark-1,#0c0c1d);padding:20px;border-radius:12px}.contact .formContainer form input,.contact .formContainer form textarea{padding:20px;background-color:hsla(0,0%,100%,.03);border:1px solid #fff;color:#fff;border-radius:5px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.contact .formContainer form input:hover,.contact .formContainer form textarea:hover{border-color:rgba(255,0,128,.6)}.contact .formContainer form input:focus,.contact .formContainer form textarea:focus{outline:none;border-color:#ff0080;background-color:rgba(255,0,128,.05);box-shadow:0 0 0 3px rgba(255,0,128,.2)}@media(max-width:576px){.contact .formContainer form input,.contact .formContainer form textarea{padding:10px}}.contact .formContainer form button{padding:20px;border:none;background-color:#ff0080;color:#fff;cursor:pointer;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.contact .formContainer form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,0,128,.35)}.contact .formContainer form button{border-radius:5px}@media(max-width:576px){.contact .formContainer form button{padding:10px}}.contact .formContainer form button:disabled{opacity:.6;cursor:not-allowed}.contact .formContainer form .feedback{font-size:14px}.contact .formContainer form .feedback.error{color:#ff6b6b}.contact .formContainer form .feedback.success{color:#51cf66}.experience-section{background:linear-gradient(180deg,#0c0c1d,#111132);min-height:100vh;padding:100px 40px}@media(max-width:992px){.experience-section{padding:60px 20px}}.experience-section .title{text-align:center;margin-bottom:60px}.experience-section .title h1{font-size:60px;color:#fff}@media(max-width:576px){.experience-section .title h1{font-size:40px}}.experience-section .title .accentUnderline{display:block;width:60px;height:4px;border-radius:999px;margin:16px auto 0;background:linear-gradient(90deg,#7e1891,#ff0080);transform-origin:center}.experience-section .timeline{max-width:800px;margin:0 auto;position:relative;border-left:1px solid rgba(255,0,128,.25);padding-left:40px;display:flex;flex-direction:column;gap:40px}@media(max-width:576px){.experience-section .timeline{padding-left:24px}}.experience-section .timeline-item{position:relative}.experience-section .timeline-item .node{position:absolute;left:-46px;top:8px;width:12px;height:12px;border-radius:50%;background:#ff0080;box-shadow:0 0 0 4px rgba(255,0,128,.2)}@media(max-width:576px){.experience-section .timeline-item .node{left:-30px}}.experience-section .timeline-item .card{background:hsla(0,0%,100%,.03);border:1px solid rgba(255,0,128,.25);border-radius:12px;padding:24px;transition:transform .25s ease,border-color .25s ease,background-color .25s ease}.experience-section .timeline-item .card:hover{transform:translateY(-3px);border-color:rgba(255,0,128,.5);background:hsla(0,0%,100%,.05)}.experience-section .timeline-item .period{color:#ff0080;font-size:13px;letter-spacing:1px;margin-bottom:6px}.experience-section .timeline-item .role{color:#fff;font-size:20px;margin-bottom:12px}.experience-section .timeline-item .role span{color:gray;font-size:16px;font-weight:400}.experience-section .timeline-item .desc{color:#9a9a9a;line-height:1.6;margin-bottom:16px}.experience-section .timeline-item .stack{list-style:none;display:flex;flex-wrap:wrap;gap:10px}.experience-section .timeline-item .stack li{font-size:12px;padding:4px 12px;border:1px solid hsla(0,0%,100%,.15);border-radius:999px;color:#d3d3d3}.hero{height:calc(100vh - 100px);background:linear-gradient(180deg,#0c0c1d,#111132);overflow:hidden;position:relative;padding:0 40px}.hero .wrapper{max-width:1400px;height:100%;margin:0 auto}.hero .wrapper .textContainer{height:100%;width:50%;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:40px}@media(max-width:992px){.hero .wrapper .textContainer{width:100%}}.hero .wrapper .textContainer h2{font-size:30px;color:#ff0080;letter-spacing:10px}@media(max-width:992px){.hero .wrapper .textContainer h2{font-size:40px}}.hero .wrapper .textContainer h1{font-size:80px;color:#fff;letter-spacing:10px;min-width:0;max-width:100%;overflow-wrap:break-word}.hero .wrapper .textContainer h1 p{display:inline-block}@media(max-width:992px){.hero .wrapper .textContainer h1{font-size:60px}}@media(max-width:576px){.hero .wrapper .textContainer h1{font-size:40px}}.hero .wrapper .textContainer .buttons{display:flex;gap:20px}.hero .wrapper .textContainer .buttons a{display:flex}.hero .wrapper .textContainer .buttons button{padding:12px 26px;width:100%;white-space:nowrap;color:#fff;background-color:rgba(0,0,0,0);border:1.5px solid rgba(255,0,128,.55);cursor:pointer;font-size:18px;border-radius:8px;transition:all .25s ease}.hero .wrapper .textContainer .buttons button:hover{color:#ff0080;border-color:#ff0080;background-color:rgba(255,0,128,.08);transform:translateY(-2px)}.hero .wrapper .textContainer .buttons button{position:relative}@media(max-width:992px){.hero .wrapper .textContainer .buttons button{font-size:16px}.hero .wrapper .textContainer .buttons a{flex:1 1}}@media(max-width:576px){.hero .wrapper .textContainer .buttons{flex-direction:column}.hero .wrapper .textContainer .buttons button{white-space:normal}}.hero .wrapper .textContainer img{width:50px}.hero .slidingTextContainer{font-size:30vh;position:absolute;bottom:-90px;white-space:nowrap;font-weight:700;width:50%;color:hsla(0,0%,100%,.2);will-change:transform;animation:heroMarquee 20s linear infinite alternate}@keyframes heroMarquee{0%{transform:translateX(0)}to{transform:translateX(-200%)}}.portfolio{position:relative;padding:20px 24px}@media(max-width:576px){.portfolio{padding:20px 16px}}.portfolio .progress{position:-webkit-sticky;position:sticky;top:0;left:0;padding-top:50px;text-align:center;color:#ff0080;font-size:36px}@media(max-width:992px){.portfolio .progress{font-size:24px}}@media(max-width:576px){.portfolio .progress{display:none}}.portfolio .progress .steps{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px}.portfolio .progress .steps .step{width:8px;height:8px;border-radius:50%;background:rgba(255,0,128,.25);transition:all .3s ease}.portfolio .progress .steps .step.active{width:28px;border-radius:999px;background:#ff0080}.portfolio .container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}@media(max-width:576px){.portfolio .container{padding:80px 0;align-items:flex-start}}.portfolio .container .wrapper{max-width:1400px;width:100%;height:100%;margin:auto;display:flex;align-items:center;justify-content:center;gap:50px}@media(max-width:992px){.portfolio .container .wrapper{gap:20px}}@media(max-width:576px){.portfolio .container .wrapper{flex-direction:column}}.portfolio .container .wrapper .imageContainer{flex:1 1;height:50%;border:1px solid rgba(255,0,128,.3);border-radius:16px;padding:16px}.portfolio .container .wrapper .imageContainer img{width:100%;height:100%;object-fit:cover;border-radius:8px}.portfolio .container .wrapper .textContainer{flex:1 1;display:flex;flex-direction:column;gap:30px}.portfolio .container .wrapper .textContainer h2{font-size:32px}@media(max-width:992px){.portfolio .container .wrapper .textContainer h2{font-size:28px}}@media(max-width:576px){.portfolio .container .wrapper .textContainer h2{font-size:22px}}.portfolio .container .wrapper .textContainer p{color:gray;font-size:20px}.portfolio .container .wrapper .textContainer button{background-color:#ff0080;color:#fff;border:none;border-radius:10px;padding:10px;width:200px;cursor:pointer}.skills{background:linear-gradient(180deg,#0c0c1d,#111132);min-height:100vh;padding:100px 40px}@media(max-width:992px){.skills{padding:60px 20px}}.skills .title{text-align:center;margin-bottom:60px}.skills .title h1{font-size:60px;color:#fff}@media(max-width:576px){.skills .title h1{font-size:40px}}.skills .title .accentUnderline{display:block;width:60px;height:4px;border-radius:999px;margin:16px auto 0;background:linear-gradient(90deg,#7e1891,#ff0080);transform-origin:center}.skills .grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px}@media(max-width:992px){.skills .grid{grid-template-columns:1fr}}.skills .category-card{position:relative;background:hsla(0,0%,100%,.03);border:1px solid rgba(255,0,128,.3);border-radius:12px;padding:30px;min-height:260px}.skills .category-card .category-name{color:#ff0080;letter-spacing:2px;text-transform:uppercase;font-size:16px;margin-bottom:20px}.skills .category-card ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px}.skills .category-card .skill-row{display:flex;align-items:center;gap:10px;padding:10px 16px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:999px;color:#fff;font-size:15px;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.skills .category-card .skill-row:hover{transform:translateY(-2px);border-color:rgba(255,0,128,.45);background:rgba(255,0,128,.06)}