@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";html,body,#root{width:100%;height:100%;overflow-x:hidden}:root{font-family:Poppins,sans-serif;--bg-primary: #0f0a12;--bg-secondary: #1a141f;--bg-tertiary: #251d2e;--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .75);--text-muted: rgba(255, 255, 255, .55);--primary-pink: #d88ca3;--secondary-pink: #e4a3b8;--rose-gold: #c99090;--lavender: #b99cc7;--soft-purple: #9d8ab5;--light-pink: #e5c4d0;--card-bg: rgba(216, 140, 163, .08);--hover-pink: #e09db2;color:var(--text-primary);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);background-attachment:fixed;min-height:100vh}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #fef9fc;--bg-tertiary: #fcf5f9;--text-primary: #3d2e38;--text-secondary: #5e4f58;--text-muted: rgba(61, 46, 56, .55);--primary-pink: #d4779a;--secondary-pink: #e09ab3;--rose-gold: #c98a8a;--lavender: #a98db8;--soft-purple: #9481a8;--light-pink: #e5bbc8;--card-bg: rgba(212, 119, 154, .04);--hover-pink: #de8aa8;color:var(--text-primary);background:linear-gradient(135deg,#fff,#fef9fc,#fcf5f9);background-attachment:fixed;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{width:100%;max-width:100vw;overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-pink),var(--lavender));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--lavender),var(--primary-pink))}@media (max-width: 600px){::-webkit-scrollbar{width:5px}}.navbar{height:4.5rem;width:100%;background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 2px 20px #0000001a;display:flex;justify-content:space-between;align-items:center;padding:0 11vh;position:fixed;top:0;z-index:1000;border-bottom:1px solid rgba(216,140,163,.12);transition:all .3s ease}[data-theme=dark] .navbar{background:#0f0a12d9}.logo{flex:1}.logo h1{font-size:2rem;color:var(--primary-pink);font-family:Playfair Display,serif;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.logo h1:hover{color:var(--hover-pink)}.nav-center{flex:2;display:flex;justify-content:center;align-items:center}.nav-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:1rem}.nav-links li{list-style:none;display:inline-block;margin:0 1.5rem}.nav-links li a{text-decoration:none;color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:all .3s ease;position:relative;padding:8px 0;white-space:nowrap;letter-spacing:.3px}.nav-links li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-pink);transition:width .3s ease}.nav-links li a:hover:after{width:100%}.nav-links li a:hover{color:var(--primary-pink)}.theme-toggle{background:transparent;border:1px solid rgba(216,140,163,.2);color:var(--primary-pink);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:8px;border-radius:8px}.theme-toggle:hover{background:#d88ca31a;border-color:var(--primary-pink)}@media (max-width: 1000px){.theme-toggle{display:none}}.nav-links .mobile,.nav-right .mobile{display:none}@media (max-width: 1000px){.nav-links .kxa{display:none}.nav-right .mobile{display:block;color:var(--primary-pink);font-size:2rem;transition:all .3s ease;cursor:pointer}.nav-right .mobile:hover{color:var(--lavender);transform:scale(1.1)}.nav-center{flex:0}}@media (max-width: 500px){.navbar{padding:0 5vw}.navbar h1,.nav-right .mobile{font-size:1.5rem}}@media (max-width: 430px){.navbar{padding:0 2vh}.navbar h1{font-size:1.3rem}}.sidebar{padding:20px 32px;background:linear-gradient(135deg,#ff9fcd33,#d8b4e226);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,159,205,.3);box-shadow:0 10px 40px #ff9fcd4d;color:#fff;border-radius:20px;position:fixed;top:80px;height:fit-content;right:-250px;z-index:999;transition:all .5s ease}.sidebar.active{right:20px}.sidebar li{list-style:none;display:block;margin:10px 0}.sidebar li a{text-decoration:none;color:var(--text-primary);font-size:1.3rem;padding:20px 0;transition:all .3s ease;font-weight:500}.sidebar li a:hover{color:var(--primary-pink);transform:translate(5px)}.sidebar-theme-toggle{background:linear-gradient(135deg,var(--primary-pink),var(--soft-purple));border:none;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;padding:12px 20px;border-radius:25px;width:100%;margin-top:10px;box-shadow:0 5px 15px #ff9fcd4d}.sidebar-theme-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff9fcd66;background:linear-gradient(135deg,var(--soft-purple),var(--primary-pink))}.sidebar-theme-toggle svg{font-size:1.3rem}.about-img img{width:28vw;height:33vw;border-radius:16px;position:absolute;bottom:0;left:0;z-index:1;box-shadow:0 15px 50px #0000001f;transition:all .4s ease;object-fit:cover;border:4px solid rgba(255,255,255,.5)}[data-theme=dark] .about-img img{border-color:#ffffff1a}.about-img img:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 60px #0000002e}#about{display:flex;align-items:center;justify-content:space-between;margin:15vh 12vh;padding-top:5vh}.about-img{width:28vw;border-radius:16px;height:33vw;position:relative;z-index:-1;background:linear-gradient(135deg,var(--primary-pink),var(--lavender));padding:16px;box-shadow:0 8px 30px #d4779a26}.about-img:before{content:"";position:absolute;top:-8px;right:-8px;width:100px;height:100px;background:linear-gradient(135deg,var(--lavender),var(--soft-purple));border-radius:50%;opacity:.3;filter:blur(30px);z-index:-1}.about-img:after{content:"";position:absolute;bottom:-8px;left:-8px;width:80px;height:80px;background:linear-gradient(135deg,var(--primary-pink),var(--rose-gold));border-radius:50%;opacity:.3;filter:blur(30px);z-index:-1}.about-txt{width:45vw;margin-right:5vw;font-size:1.05rem;line-height:1.8rem;color:var(--text-secondary)}.about-txt p{margin:1rem 0;letter-spacing:.2px;line-height:1.6rem;color:var(--text-muted)}.about-txt h1{font-size:2.1rem;color:var(--text-primary);margin-bottom:1.5rem;font-family:Playfair Display,serif;font-weight:600;position:relative;display:inline-block;letter-spacing:-.5px}.about-txt h1:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--primary-pink),var(--lavender));border-radius:2px}.about-txt button{font-size:1rem;font-weight:500;background:var(--primary-pink);color:#fff;border:none;padding:12px 32px;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #d88ca340;letter-spacing:.3px}.about-txt button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d88ca359;background:var(--hover-pink)}.about-txt a{text-decoration:none;color:#fff}@media (max-width: 1150px){.about-txt h1{font-size:2.2rem}.about-txt p{font-size:1rem;line-height:1.6rem}.about-txt button{font-size:1rem;padding:10px 20px}}@media (max-width: 850px){.about-txt h1{font-size:2.2rem}.about-txt p{font-size:1rem}.about-txt button{font-size:1rem;margin-bottom:20px;padding:10px 20px}#about{flex-direction:column;justify-content:center;margin:10vh 5vh}.about-txt{width:80%;text-align:center;margin-right:0;margin:10vh 0}.about-img{width:80%;margin-top:40px;height:90vw}.about-img img{width:100%;margin-top:40px;height:90vw}}@media screen and (max-width: 600px){#about{margin:15vh 5vw}#about{margin:5vh 2vh}.about-txt{width:90%;text-align:center;margin-right:0;margin:5vh 0}.about-txt p{font-size:.9rem}.about-txt h1{font-size:1.8rem}}@media screen and (max-width: 430px){#about{margin:5vh 0}.about-txt{width:95%}}.box{background:#d88ca30a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(216,140,163,.12);width:100%;height:100%;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:40px;transition:all .3s ease}.box:hover{box-shadow:0 8px 30px #0000001f;border-color:#d88ca333}#skills{display:flex;flex-direction:column;margin:10vh 12vh;gap:30px}.skills-row{display:flex;width:100%}.skills-cards{display:flex;gap:25px;margin-top:10px}.skill-category-card{flex:1;background:#d88ca30d;padding:24px;border-radius:12px;border:1px solid rgba(216,140,163,.1);transition:all .3s ease}.skill-category-card:hover{background:#d88ca314;border-color:#d88ca326}.skill-category-card h2{font-size:1.3rem;color:var(--primary-pink);margin-bottom:20px;font-family:Playfair Display,serif;font-weight:600;text-align:center;letter-spacing:-.3px}.skills-row,.education-row{display:flex;width:100%}.education-row .box{width:100%}.education-cards{display:flex;gap:25px}.education-card{flex:1}#skills h1{margin-bottom:3rem;font-size:2rem;color:var(--text-primary);font-family:Playfair Display,serif;font-weight:600;text-align:center;letter-spacing:-.5px}.skills-list{display:flex;flex-direction:column;gap:20px}.skill-item{padding:16px;background:#d88ca30a;border-radius:10px;transition:all .3s ease;border:1px solid rgba(216,140,163,.08)}.skill-item:hover{background:#d88ca314;border-color:#d88ca326}.skill-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.skill-icon{font-size:1.5rem;color:var(--primary-pink);margin-right:10px}.skill-name{flex:1;font-size:1.1rem;color:var(--text-primary);font-weight:500}.skill-percentage{font-size:.85rem;color:var(--text-muted);font-weight:600}.skill-bar{width:100%;height:6px;background:#d88ca31a;border-radius:10px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(90deg,var(--primary-pink),var(--lavender));border-radius:10px;transition:width 1s ease}.education-icon-header{width:56px;height:56px;background:var(--primary-pink);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;margin:0 auto 15px;box-shadow:0 4px 15px #d88ca340}.education-box h1{font-size:1.6rem;margin-bottom:20px}.education-content{background:#d88ca30a;padding:20px;border-radius:12px;transition:all .3s ease;border:1px solid rgba(216,140,163,.1);border-left:3px solid var(--primary-pink)}.education-content:hover{background:#d88ca314;border-color:#d88ca326;border-left-color:var(--primary-pink)}.education-date{display:inline-block;background:var(--primary-pink);color:#fff;padding:6px 16px;border-radius:6px;font-size:.8rem;font-weight:500;margin-bottom:12px;letter-spacing:.3px}.education-content h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:8px;font-weight:600;font-family:Playfair Display,serif;letter-spacing:-.3px}.education-content .institution{color:var(--primary-pink);font-size:1.05rem;margin-bottom:5px;font-weight:500}.education-content .location{color:var(--text-muted);font-size:.9rem;margin-bottom:10px}.education-description{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin-top:10px}@media screen and (max-width: 850px){#skills{margin:5vh 8vh}.skills-cards,.education-cards{flex-direction:column}.box{width:100%;border-radius:20px;padding:25px 20px}}@media screen and (max-width: 1100px){.skill-name{font-size:1rem}.education-content h3{font-size:1.2rem}#skills h1{font-size:1.9rem}}@media screen and (max-width: 700px){#skills{margin:10vh 5vw}}@media screen and (max-width: 560px){#skills h1{font-size:1.6rem;margin-bottom:1.5rem}.box{padding:20px 15px}.skill-name{font-size:.95rem}.skill-icon{font-size:1.2rem}.skill-item{padding:12px}.education-content h3{font-size:1.1rem}.education-content .institution{font-size:1rem}.education-description{font-size:.85rem}#skills{margin:5vh 4vh}}@media screen and (max-width: 380px){.box{padding:15px 10px}#skills h1{font-size:1.5rem}.education-icon-header{width:50px;height:50px;font-size:1.5rem}}@media screen and (max-width: 430px){#skills{margin:5vh 1vh}.box{padding:15px 12px}}.footer p{font-size:1rem;color:var(--text-secondary);margin:10px 0 0;text-align:center;width:100%}.footer h3{font-size:1.4rem;color:var(--primary-pink);margin-top:20px;text-align:center;width:100%;font-family:Playfair Display,serif;font-weight:600}.footer{background:linear-gradient(135deg,#ff9fcd1a,#d8b4e20d);border-top:1px solid rgba(255,159,205,.2);color:#fff;padding:40px 20px;text-align:center;position:relative}@media (max-width: 850px){.footer h3{font-size:1.2rem}.footer p{font-size:.9rem}.footer{padding:20px;text-align:center}}#contact h2{font-size:2.1rem;color:var(--text-primary);text-align:center;margin-bottom:3rem;font-family:Playfair Display,serif;font-weight:600;letter-spacing:-.5px}#contact{height:100%;display:flex;flex-direction:column;align-items:center;margin:10vh 12vh;justify-content:center}.contact-container{width:100%;background:#d88ca30a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(216,140,163,.12);border-radius:16px;padding:40px 50px;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.contact-container:hover{box-shadow:0 8px 30px #0000001f;border-color:#d88ca333}#contact .right{width:55%;display:flex;flex-direction:column;padding-right:40px}#contact .right p{color:var(--text-secondary);line-height:1.6;margin-bottom:20px;font-size:1.05rem}#contact .left{width:40%;display:flex;flex-direction:column;padding-left:40px;border-left:1px solid rgba(216,140,163,.15)}#contact .down{width:100%;display:flex;align-items:start;justify-content:space-between;gap:30px}#contact h3{font-size:1.4rem;color:var(--primary-pink);margin-bottom:1rem;margin-top:0;font-family:Playfair Display,serif;font-weight:600;letter-spacing:-.3px}#contact .left h3:not(:first-child){margin-top:2rem}#contact h5{font-size:1rem;color:var(--text-primary);font-weight:600;margin-bottom:8px;margin-top:1.2rem}#contact input{width:100%;padding:11px 16px;border:1px solid rgba(216,140,163,.2);display:inline-block;border-radius:8px;background-color:var(--card-bg);font-size:.95rem;color:var(--text-primary);transition:all .3s ease}#contact input:focus{outline:none;border-color:var(--primary-pink);box-shadow:0 0 0 3px #d88ca31a}#contact textarea{width:100%;padding:11px 16px;border:1px solid rgba(216,140,163,.2);border-radius:8px;font-size:.95rem;height:100px;background-color:var(--card-bg);color:var(--text-primary);resize:none;transition:all .3s ease;font-family:inherit}#contact textarea:focus{outline:none;border-color:var(--primary-pink);box-shadow:0 0 0 3px #d88ca31a}#contact button{width:auto;padding:12px 32px;border:none;border-radius:8px;background:var(--primary-pink);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;margin-top:24px;transition:all .3s ease;box-shadow:0 4px 15px #d88ca340;letter-spacing:.3px}#contact .form-group .name,#contact .form-group .email{width:50%;flex:1;display:flex;flex-direction:column}#contact button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d88ca359;background:var(--hover-pink)}#contact .form-group{display:flex;justify-content:start;gap:2rem}#contact .cbox{display:flex;justify-content:start;align-items:start;background:#ff9fcd0d;padding:15px;border-radius:15px;margin-bottom:15px;transition:all .3s ease}#contact .cbox:hover{background:#ff9fcd1a;transform:translate(5px)}#contact .cbox .log{margin-right:15px;margin-top:3px;display:flex;align-items:center}#contact .cbox .cb{display:flex;flex-direction:column;align-items:start}#contact .cbox .cb h5{font-size:1.2rem;color:var(--primary-pink);margin-top:0;justify-content:flex-start!important;margin-bottom:5px}#contact .cbox .cb p{font-size:1rem;color:var(--text-secondary);margin:0;justify-content:start!important}#contact .line{width:80%;height:2px;margin-bottom:10px;background:linear-gradient(90deg,transparent,var(--primary-pink),var(--lavender),transparent)}#contact .social{display:flex;gap:15px;margin-top:15px;flex-wrap:wrap}#contact .social a{background:#ff9fcd1a;padding:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}#contact .social a:hover{background:#ff9fcd33;transform:translateY(-5px) scale(1.1);box-shadow:0 5px 15px #ff9fcd66}@media (max-width: 1008px){#contact .right,#contact .left{width:100%;padding:0}#contact .down{flex-direction:column;align-items:center}#contact .left{border-left:none;border-top:2px solid rgba(255,159,205,.2);padding-top:30px;margin-top:30px}.contact-container{padding:30px 25px}}@media (max-width: 600px){#contact{margin:8vh 4vw}#contact h2{font-size:2rem;margin-bottom:2rem}#contact h3{font-size:1.3rem;margin-bottom:1.2rem}#contact h5{font-size:.95rem;margin-top:1rem;margin-bottom:6px}.contact-container{padding:30px 20px;border-radius:16px}#contact .form-group{flex-direction:column;gap:0}#contact .form-group .name,#contact .form-group .email{width:100%}#contact input,#contact textarea{padding:14px 16px;font-size:1rem;border-radius:10px}#contact textarea{height:120px}#contact button{width:100%;padding:14px 32px;font-size:1rem;margin-top:20px;border-radius:10px}#contact .cbox{padding:16px;border-radius:12px;margin-bottom:12px}#contact .cbox .log{margin-right:12px;font-size:1.3rem}#contact .cbox .cb h5{font-size:1.1rem;margin-bottom:4px}#contact .cbox .cb p{font-size:.95rem;line-height:1.5}#contact .social a{padding:14px;font-size:1.3rem}#contact .left{padding-top:25px;margin-top:25px;border-top:1px solid rgba(216,140,163,.15)}}@media (max-width: 430px){#contact{margin:8vh 1vh}.contact-container{padding:25px 15px}}#projects img{width:100%;height:220px;object-fit:cover;border-radius:16px 16px 0 0;transition:all .3s ease}#projects img:hover{transform:scale(1.05)}#projects .description h5{display:inline-block;font-size:.75rem;color:var(--primary-pink);background:#d88ca31a;padding:4px 12px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}#projects .description .line{display:none}#projects{padding:4vh 12vh}#projects h1{width:100%;margin-top:10vh;text-align:center;margin-bottom:3rem;font-size:2.4rem;color:var(--text-primary);font-family:Playfair Display,serif;font-weight:600;letter-spacing:-.5px}#projects .proj{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%;margin-bottom:5vh}#projects .box1{width:100%;display:flex;justify-content:start;align-items:start;border-radius:16px;flex-direction:column;background:#d88ca30a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(216,140,163,.12);box-shadow:0 4px 20px #00000014;transition:all .3s ease;overflow:hidden}#projects .box1:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f;border-color:#d88ca333}#projects .description{padding:24px 28px}#projects .description h2{font-size:1.4rem;color:var(--text-primary);font-family:Playfair Display,serif;font-weight:600;margin-bottom:12px;letter-spacing:-.3px}#projects .description p{margin-bottom:20px;font-size:.95rem;color:var(--text-muted);line-height:1.6}#projects .description button{padding:10px 24px;background:var(--primary-pink);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #d88ca333;font-weight:500;font-size:.9rem;letter-spacing:.3px}#projects .description button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d88ca34d;background:var(--hover-pink)}#projects .description button a{text-decoration:none;color:#fff;font-weight:700}@media (max-width: 1100px){#projects .proj{grid-template-columns:repeat(2,1fr);gap:25px}#projects .description h2{font-size:1.25rem}#projects .description p{font-size:.9rem;line-height:1.5rem;margin-bottom:15px}#projects h1{font-size:2rem}}@media (max-width: 850px){#projects .proj{grid-template-columns:1fr;gap:20px}#projects .description h2{font-size:1.3rem}#projects .description p{font-size:.95rem;margin-bottom:15px}#projects .description button a{text-decoration:none;color:#fff;font-size:.9rem}#projects h1{font-size:1.9rem}}@media (max-width: 600px){#projects{padding:5vh 5vw;overflow:hidden}#projects .proj{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:20px;padding-bottom:20px}#projects .proj::-webkit-scrollbar{display:none}#projects .box1{flex:0 0 85%;max-width:85%;scroll-snap-align:start}#projects h1{font-size:1.8rem;margin-bottom:2rem;padding:0 4vh}#projects .description{padding:20px}#projects .description h2{font-size:1.2rem;color:var(--text-primary)}#projects .description p{margin-bottom:12px;font-size:.85rem}#projects .description button{padding:8px 20px;font-size:.85rem}}@media (max-width: 430px){#projects{padding:4vw}#projects h1{padding:0 2vh}#projects .proj{padding-left:2vh}}