.home-container{text-align:center;padding:20px}.home-header{margin-bottom:40px}.profile-section{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;max-width:600px;margin:0 auto}.profile-image-container{position:relative;margin-bottom:20px;width:210px;height:210px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 4px 15px #0000001a;z-index:2}.profile-photo{width:100%;height:100%;object-fit:cover;display:block}.profile-info{text-align:left;flex:1}.profile-name{font-size:2.5rem;font-weight:700;color:var(--dark-text);margin-bottom:10px;background:linear-gradient(135deg,var(--primary-pink),var(--secondary-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-title{font-size:1.2rem;color:var(--dark-text);font-weight:500;margin-bottom:10px;opacity:.8}.profile-tagline{font-size:1rem;color:var(--dark-text);font-style:italic;opacity:.7;margin:0}.home-content{max-width:600px;margin:0 auto}.bio-section{margin-bottom:30px;text-align:left}.section-title{align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:var(--dark-text);margin-bottom:20px;text-align:center}.bio-text{font-size:1rem;line-height:1.7;color:var(--dark-text);margin-bottom:15px;opacity:.9;text-align:justify}.quick-stats{display:flex;justify-content:space-around;margin-bottom:30px;padding:20px;background:rgba(255,255,255,.8);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-number{font-size:1.8rem;font-weight:700;color:var(--secondary-pink)}.stat-label{font-size:.9rem;color:var(--dark-text);opacity:.7}.action-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:25px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem;margin-top:20px}.btn-primary{background:linear-gradient(135deg,var(--primary-pink),var(--secondary-pink));color:#fff;box-shadow:0 4px 15px #ffb3d966}.btn-primary:hover{box-shadow:0 6px 20px #ffb3d999}.btn-secondary{background:transparent;color:var(--dark-text);border:2px solid var(--primary-pink)}.btn-secondary:hover{background:var(--primary-pink);color:#fff}.social-links{display:flex;justify-content:center;gap:20px;margin-top:30px}.social-link{display:flex;align-items:center;gap:8px;padding:10px 15px;background:rgba(255,255,255,.8);border-radius:20px;color:var(--dark-text);text-decoration:none;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid transparent;transition:all .3s ease}.social-link:hover{background:rgba(255,255,255,.5);padding:20px;border-radius:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.competencies-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.competency-item{font-weight:600;color:var(--secondary-pink);font-size:.95rem;letter-spacing:.5px}.competency-separator{color:var(--dark-text);opacity:.3;font-size:.8rem}.bio-text{position:relative;text-align:justify}.bio-text:before{content:"";position:absolute;left:-10px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--primary-pink),var(--secondary-pink));border-radius:2px;opacity:0;transition:opacity .3s ease}.bio-text:hover:before{opacity:1}@media (max-width: 768px){.profile-section{flex-direction:column;text-align:center}.profile-info{text-align:center}.action-buttons{flex-direction:column;align-items:center;gap:15px;width:100%;max-width:300px;margin:0 auto 30px}.btn{width:100%;justify-content:center;margin-top:0}}.about-container{padding:40px 20px;max-width:900px;margin:0 auto}.about-header{text-align:center;margin-bottom:50px}.about-title{font-size:2.8rem;font-weight:700;color:var(--dark-text);margin-bottom:10px;background:linear-gradient(135deg,var(--primary-pink),var(--secondary-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-content{text-align:left}.professional-summary{background:rgba(255,255,255,.7);border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000014}.summary-paragraph{font-size:1.05rem;line-height:1.8;color:var(--dark-text);margin-bottom:25px;opacity:.95;text-align:justify}.summary-paragraph:last-child{margin-bottom:0}.summary-paragraph strong{color:var(--primary-pink);font-weight:600}.summary-paragraph.highlight{font-size:1.05rem;line-height:1.8;color:var(--dark-text);margin-bottom:25px;opacity:.95;text-align:justify}.mobile-only{display:none}.desktop-only{display:block}@media (max-width: 768px){.about-container{padding:20px 15px}.about-title{font-size:2rem}.professional-summary{padding:25px}.summary-paragraph{font-size:.95rem;text-align:left}.mobile-only{display:block!important}.desktop-only{display:none!important}}@media (max-width: 480px){.about-title{font-size:1.8rem}.professional-summary{padding:20px}.summary-paragraph{font-size:.9rem}}.skills-container{padding:20px;max-width:1000px;margin:0 auto}.skills-header{text-align:center;margin-bottom:40px}.skills-title{font-size:2.5rem;font-weight:700;color:var(--dark-text);margin-bottom:10px;background:linear-gradient(135deg,var(--primary-pink),var(--secondary-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skills-subtitle{font-size:1.2rem;color:var(--dark-text);opacity:.8;font-weight:300}.skills-content{margin-bottom:40px}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:50px}.expertise-card{background:rgba(255,255,255,.9);border-radius:20px;padding:24px;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 35px #0f172a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;gap:18px}.expertise-card:hover{transform:translateY(-6px);box-shadow:0 25px 45px #f8717140}.expertise-card-header{display:flex;align-items:center;gap:12px}.expertise-card-header h2{font-size:1.2rem;font-weight:600;color:var(--dark-text);margin:0}.expertise-emoji{font-size:1.6rem}.expertise-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.expertise-list li{display:flex;align-items:flex-start;gap:12px;font-size:.98rem;line-height:1.5;color:var(--dark-text)}.bullet-dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;margin-top:6px;box-shadow:0 0 10px #f8717166}.coding-profiles-section{margin-top:50px;padding:40px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-radius:25px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0000001a;position:relative;overflow:hidden}.coding-profiles-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,179,217,.1) 0%,rgba(255,255,255,.1) 25%,rgba(255,179,217,.1) 50%,rgba(255,255,255,.1) 75%,rgba(255,179,217,.1) 100%);background-size:400% 400%;animation:gradientShift 8s ease infinite;z-index:-1}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.section-header{text-align:center;margin-bottom:40px}.section-title{font-size:2rem;font-weight:700;color:var(--dark-text);margin:15px 0 10px;display:flex;align-items:center;justify-content:center;gap:15px}.section-subtitle{font-size:1.1rem;color:var(--dark-text);opacity:.8;margin:0;font-weight:400}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.profile-card{background:rgba(255,255,255,.95);border-radius:20px;padding:30px;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary-pink),var(--secondary-pink));transform:scaleX(0);transition:transform .4s ease;transform-origin:left}.profile-card:hover:before{transform:scaleX(1)}.profile-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.profile-card:hover:after{left:100%}.profile-card:hover{border-color:var(--primary-pink);box-shadow:0 20px 50px #ffb3d94d;transform:translateY(-10px)}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.profile-icon{width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;box-shadow:0 8px 25px #0003;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.7));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.profile-card:hover .profile-icon:before{transform:translate(100%)}.platform-logo{width:40px;height:40px;object-fit:contain;z-index:1;position:relative;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.profile-card:hover .platform-logo{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.profile-info{flex:1}.profile-platform{font-size:1.4rem;font-weight:700;color:var(--dark-text);margin:0 0 8px;background:linear-gradient(135deg,var(--dark-text),var(--primary-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-description{font-size:.95rem;color:var(--dark-text);opacity:.7;margin:0;font-weight:500}.external-link{color:var(--dark-text);opacity:.4;transition:all .3s ease}.profile-card:hover .external-link{opacity:1;color:var(--primary-pink);transform:scale(1.2)}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.stat-item{display:flex;align-items:center;gap:15px;padding:18px;background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.4));border-radius:15px;transition:all .3s ease;border:1px solid rgba(255,255,255,.3)}.profile-card:hover .stat-item{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.6));transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.stat-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary-pink),var(--secondary-pink));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #ffb3d966}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.85rem;color:var(--dark-text);opacity:.7;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.2rem;font-weight:700;color:var(--dark-text);background:linear-gradient(135deg,var(--primary-pink),var(--secondary-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-footer{text-align:center;padding-top:15px;border-top:1px solid rgba(255,255,255,.3)}.profile-username{font-size:.9rem;color:var(--dark-text);opacity:.6;font-weight:500;font-family:Courier New,monospace}.skills-summary{margin-top:40px}.summary-title{font-size:1.8rem;font-weight:600;color:var(--dark-text);text-align:center;margin-bottom:30px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.summary-item{background:rgba(255,255,255,.8);border-radius:15px;padding:25px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid transparent;transition:all .3s ease}.summary-item:hover{border-color:var(--primary-pink);box-shadow:0 8px 25px #ffb3d94d;transform:translateY(-5px)}.summary-icon{font-size:3rem;margin-bottom:15px;display:block}.summary-item h4{font-size:1.2rem;font-weight:600;color:var(--dark-text);margin-bottom:10px}.summary-item p{font-size:.95rem;line-height:1.5;color:var(--dark-text);opacity:.8;margin:0}@media (max-width: 768px){.skills-title{font-size:2rem}.expertise-grid{grid-template-columns:1fr}.expertise-card,.summary-item{padding:20px}.summary-icon{font-size:2.5rem}.coding-profiles-section{padding:25px;margin-top:30px}.profiles-grid{grid-template-columns:1fr;gap:20px}.profile-stats{grid-template-columns:1fr;gap:15px}.section-title{font-size:1.6rem}}@media (max-width: 480px){.profile-header{flex-direction:column;text-align:center;gap:15px}.profile-icon{width:60px;height:60px;font-size:28px}.platform-icon{font-size:24px}.coding-profiles-section,.profile-card{padding:20px}}.summary-item{position:relative;overflow:hidden}.summary-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.summary-item:hover:before{left:100%}.expertise-card.loading{opacity:.7;pointer-events:none}.summary-item:focus,.profile-card:focus{outline:2px solid var(--secondary-pink);outline-offset:2px}.profile-card:nth-child(1):hover{box-shadow:0 20px 50px #ffa1164d}.profile-card:nth-child(2):hover{box-shadow:0 20px 50px #1f8acb4d}.profile-card:nth-child(3):hover{box-shadow:0 20px 50px #00c8514d}.profile-card:nth-child(4):hover{box-shadow:0 20px 50px #2f8d464d}.projects-container{padding:20px;max-width:1200px;margin:0 auto}.projects-header{text-align:center;margin-bottom:40px}.projects-title{font-size:2.5rem;font-weight:700;color:var(--dark-text);margin-bottom:10px;background:linear-gradient(135deg,var(--primary-pink),var(--secondary-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-subtitle{font-size:1.2rem;color:var(--dark-text);opacity:.8;font-weight:300}.category-filter{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{padding:10px 20px;background:rgba(255,255,255,.8);border:2px solid var(--primary-pink);border-radius:25px;color:var(--dark-text);font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-btn:hover,.filter-btn.active{background:var(--primary-pink);color:#fff;box-shadow:0 4px 15px #ffb3d966}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:40px}.project-card{background:rgba(255,255,255,.9);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid transparent;transition:all .3s ease;box-shadow:0 8px 25px #0000001a;transform-style:preserve-3d;perspective:1000px}.project-card:hover{border-color:var(--primary-pink);box-shadow:0 15px 35px #ffb3d94d}.project-image{position:relative;height:200px;background:linear-gradient(135deg,var(--primary-pink),var(--secondary-pink));display:flex;align-items:center;justify-content:center;overflow:hidden}.project-emoji{font-size:4rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:15px}.project-link{display:flex;align-items:center;gap:8px;padding:10px 15px;background:rgba(255,255,255,.9);color:var(--dark-text);text-decoration:none;border-radius:20px;font-weight:500;transition:all .3s ease}.project-link:hover{background:white;color:var(--secondary-pink);text-decoration:none;transform:translateY(-2px)}.project-link.demo{background:var(--primary-pink);color:#fff}.project-link.github{background:var(--dark-text);color:#fff}.project-content{padding:25px}.project-category{display:inline-block;padding:5px 12px;background:var(--primary-pink);color:#fff;border-radius:15px;font-size:.8rem;font-weight:500;margin-bottom:15px}.project-title{font-size:1.3rem;font-weight:600;color:var(--dark-text);margin-bottom:10px}.project-description{font-size:.95rem;line-height:1.6;color:var(--dark-text);opacity:.8;margin-bottom:20px}.project-technologies{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{padding:5px 10px;background:rgba(255,255,255,.8);border:1px solid var(--primary-pink);border-radius:12px;font-size:.8rem;color:var(--dark-text);font-weight:500}.projects-footer{text-align:center;margin-top:40px}.footer-text{font-size:1rem;color:var(--dark-text);opacity:.8}.footer-text a{color:var(--secondary-pink);text-decoration:none;font-weight:500}.footer-text a:hover{text-decoration:underline}@media (max-width: 768px){.projects-title{font-size:2rem}.projects-grid{grid-template-columns:1fr;gap:20px}.project-card{margin:0 10px}.project-image{height:150px}.project-emoji{font-size:3rem}.project-content{padding:20px}.category-filter{gap:10px}.filter-btn{padding:8px 16px;font-size:.9rem}}.project-card{position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.project-card:hover:before{left:100%}.tech-tag{transition:all .3s ease}.tech-tag:hover{background:var(--primary-pink);color:#fff;transform:translateY(-2px)}.project-card.loading{opacity:.7;pointer-events:none}.project-link:focus,.filter-btn:focus{outline:2px solid var(--secondary-pink);outline-offset:2px}.experience-container{padding:20px;max-width:800px;margin:0 auto}.experience-header{text-align:center;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;gap:20px}.experience-title{font-size:2.5rem;font-weight:700;color:var(--dark-text);margin-bottom:10px;background:linear-gradient(135deg,var(--primary-pink),var(--secondary-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.experience-subtitle{font-size:1.2rem;color:var(--dark-text);opacity:.8;font-weight:300}.download-cv-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--primary-pink),var(--secondary-pink));color:#fff;border:none;border-radius:25px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:1rem;box-shadow:0 4px 15px #ffb3d966}.download-cv-btn:hover{box-shadow:0 6px 20px #ffb3d999}.experience-content{text-align:left}.section-title{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin-bottom:30px;display:flex;align-items:center;gap:10px}.education-section,.experience-section{margin-bottom:40px}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary-pink),var(--secondary-pink));border-radius:1px}.timeline-item{position:relative;margin-bottom:30px}.timeline-marker{position:absolute;left:-22px;top:5px;width:12px;height:12px;background:var(--secondary-pink);border-radius:50%;border:3px solid white;box-shadow:0 0 0 3px var(--primary-pink)}.timeline-content{background:rgba(255,255,255,.9);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:20px}.timeline-info{flex:1}.timeline-grades{display:flex;flex-direction:column;gap:8px;min-width:120px;text-align:right}.grade-item{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.grade-label{font-size:.75rem;color:var(--dark-text);opacity:.6;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.grade-value{font-size:1.2rem;font-weight:800;color:var(--secondary-pink);background:linear-gradient(135deg,var(--primary-pink),var(--secondary-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline-content:hover{border-color:var(--primary-pink);box-shadow:0 12px 30px #ffb3d940;transform:translateY(-2px)}.timeline-title{font-size:1.4rem;font-weight:700;color:var(--dark-text);margin-bottom:8px;letter-spacing:-.5px}.timeline-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px;font-size:.95rem;color:var(--dark-text);opacity:.85}.timeline-meta span{display:flex;align-items:center;gap:6px}.institution,.company{color:var(--secondary-pink);font-weight:600}.period,.location{opacity:.7;font-size:.9rem}.timeline-description{font-size:1rem;line-height:1.6;color:var(--dark-text);opacity:.8;margin:0}.achievements-section{margin-bottom:20px}.achievements-list{display:flex;flex-direction:column;gap:15px}.achievement-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background:rgba(255,255,255,.6);border-radius:10px;transition:all .3s ease}.achievement-item:hover{background:rgba(255,255,255,.8);transform:translate(5px)}.achievement-bullet{color:var(--secondary-pink);font-size:1.2rem;flex-shrink:0;margin-top:2px}.achievement-item span:last-child{font-size:.95rem;line-height:1.5;color:var(--dark-text);opacity:.9}@media (max-width: 768px){.experience-title{font-size:2rem}.timeline{padding-left:20px}.timeline:before{left:10px}.timeline-marker{left:-15px;width:10px;height:10px}.timeline-content{padding:15px}.timeline-meta{flex-direction:column;gap:8px}.timeline-header{flex-direction:column;gap:15px}.timeline-grades{align-self:flex-start;text-align:left;min-width:auto}.grade-item{align-items:flex-start}.achievement-item{padding:12px}}.timeline-item{position:relative;overflow:hidden}.timeline-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.timeline-content:hover:before{left:100%}.timeline-marker{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ffb3d9b3}70%{box-shadow:0 0 0 10px #ffb3d900}to{box-shadow:0 0 #ffb3d900}}.certifications-container{padding:20px;max-width:1200px;margin:0 auto;text-align:center}.certifications-header{margin-bottom:40px}.certifications-title{font-size:2.5rem;font-weight:700;color:var(--dark-text);margin-bottom:10px;background:linear-gradient(135deg,var(--primary-pink),var(--secondary-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.certifications-subtitle{font-size:1.1rem;color:var(--dark-text);opacity:.7}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:10px}.certification-card{background:rgba(255,255,255,.8);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);transition:all .3s ease;display:flex;flex-direction:column}.certification-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #ffb3d933;border-color:var(--primary-pink)}.cert-image-container{width:100%;height:200px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.cert-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:#ccc}.placeholder-icon{opacity:.5}.cert-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.certification-card:hover .cert-image{transform:scale(1.05)}.cert-content{padding:20px;text-align:left;flex:1;display:flex;flex-direction:column}.cert-title{font-size:1.2rem;font-weight:700;color:var(--dark-text);margin-bottom:10px;line-height:1.4}.cert-meta{display:flex;justify-content:space-between;margin-bottom:15px;font-size:.9rem;color:var(--dark-text);opacity:.7}.cert-issuer{font-weight:600}.cert-link{margin-top:auto;display:flex;align-items:center;gap:8px;color:var(--secondary-pink);text-decoration:none;font-weight:600;font-size:.95rem;transition:color .3s ease}.cert-link:hover{color:var(--primary-pink)}@media (max-width: 768px){.certifications-grid{grid-template-columns:1fr}}.cert-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;cursor:pointer}.lightbox-content{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:100%;max-height:95vh;object-fit:contain;border-radius:10px;box-shadow:0 10px 50px #00000080}.lightbox-close{position:absolute;top:-50px;right:0;background:rgba(255,255,255,.2);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-close:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}@media (max-width: 768px){.lightbox-close{top:10px;right:10px}}.contact-container{padding:20px;max-width:1000px;margin:0 auto}.contact-header{text-align:center;margin-bottom:40px}.contact-title{font-size:2.5rem;font-weight:700;color:var(--dark-text);margin-bottom:10px;background:linear-gradient(135deg,var(--primary-pink),var(--secondary-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{font-size:1.2rem;color:var(--dark-text);opacity:.8;font-weight:300}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}.contact-info{padding:20px}.section-title{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin-bottom:20px}.contact-description{font-size:1rem;line-height:1.6;color:var(--dark-text);opacity:.9;margin-bottom:30px}.social-links{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.social-link{display:flex;align-items:center;gap:15px;padding:15px;background:rgba(255,255,255,.8);border-radius:15px;text-decoration:none;color:var(--dark-text);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid transparent}.social-link:hover{border-color:var(--primary-pink);box-shadow:0 8px 25px #ffb3d933;text-decoration:none;color:var(--dark-text)}.social-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.social-info{display:flex;flex-direction:column;gap:2px}.social-label{font-size:.9rem;font-weight:500;opacity:.8}.social-value{font-size:1rem;font-weight:600}.contact-quote{margin-top:30px;padding:20px;background:linear-gradient(135deg,rgba(255,179,217,.1),rgba(168,230,207,.1));border-radius:15px;border-left:4px solid var(--primary-pink)}.contact-quote blockquote{font-size:1.1rem;font-style:italic;color:var(--dark-text);margin-bottom:10px;font-weight:500}.contact-quote cite{font-size:.9rem;color:var(--dark-text);opacity:.7}.contact-form-container{padding:20px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{position:relative}.input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--dark-text);opacity:.6;z-index:2}.form-group textarea+.input-icon{top:20px;transform:none}.contact-form input,.contact-form textarea{width:100%;padding:15px 15px 15px 45px;border:2px solid transparent;border-radius:12px;background:rgba(255,255,255,.8);color:var(--dark-text);font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary-pink);box-shadow:0 0 0 3px #ffb3d91a}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--dark-text);opacity:.6}.submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 30px;background:linear-gradient(135deg,var(--primary-pink),var(--secondary-pink));color:#fff;border:none;border-radius:25px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:1rem;box-shadow:0 4px 15px #ffb3d966}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #ffb3d999}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.status-message{display:flex;align-items:center;gap:12px;padding:15px 20px;border-radius:12px;margin-bottom:20px;font-weight:500;font-size:.95rem;animation:slideIn .3s ease}.status-message.success{background:linear-gradient(135deg,rgba(76,175,80,.1),rgba(76,175,80,.05));border:1px solid rgba(76,175,80,.3);color:#2e7d32}.status-message.error{background:linear-gradient(135deg,rgba(244,67,54,.1),rgba(244,67,54,.05));border:1px solid rgba(244,67,54,.3);color:#c62828}.status-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-message.success .status-icon{color:#4caf50}.status-message.error .status-icon{color:#f44336}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.contact-title{font-size:2rem}.contact-content{grid-template-columns:1fr;gap:30px}.social-link{padding:12px}.social-icon{width:40px;height:40px}.contact-form input,.contact-form textarea{padding:12px 12px 12px 40px}.input-icon{left:12px}}.social-link{position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.social-link:hover:before{left:100%}.form-group{position:relative;overflow:hidden}.form-group:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease;pointer-events:none}.form-group:focus-within:before{left:100%}.social-link:focus,.submit-btn:focus{outline:2px solid var(--secondary-pink);outline-offset:2px}.contact-form input:invalid,.contact-form textarea:invalid{border-color:#ff6b6b}.contact-form input:valid,.contact-form textarea:valid{border-color:#4caf50}.notebook-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:85vw;height:85vh;max-width:1000px;max-height:700px;background-color:#fffffff2;border-radius:20px;padding:30px;box-shadow:0 20px 50px #0003;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,179,217,.5);overflow:hidden;z-index:1000;pointer-events:auto;display:flex;flex-direction:column}.notebook-nav{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap;padding-right:40px}.nav-btn{padding:8px 16px;border:none;border-radius:20px;background:rgba(255,179,217,.2);color:var(--dark-text, #333);cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;white-space:nowrap}.nav-btn.active{background:var(--primary-pink, #ffb3d9);color:#fff;box-shadow:0 4px 10px #ffb3d966}.nav-btn:hover:not(.active){background:rgba(255,179,217,.4)}.notebook-content-container{flex:1;overflow-y:auto;padding:20px;background-color:#fff9;border-radius:15px;border:1px solid rgba(255,179,217,.2);scrollbar-width:thin;scrollbar-color:var(--primary-pink) transparent}.notebook-content-container::-webkit-scrollbar{width:6px}.notebook-content-container::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.notebook-content-container::-webkit-scrollbar-thumb{background:var(--primary-pink);border-radius:3px}.close-btn{position:absolute;top:15px;right:15px;background:rgba(255,179,217,.8);border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;font-weight:700;z-index:10;transition:all .3s ease}.close-btn:hover{background:var(--secondary-pink);transform:rotate(90deg)}.page-indicator-container{position:absolute;bottom:15px;right:25px;background:rgba(255,255,255,.9);padding:6px 12px;border-radius:15px;font-size:12px;color:var(--dark-text, #333);font-weight:500;box-shadow:0 2px 10px #0000000d;pointer-events:none}.current-page{color:var(--primary-pink, #ffb3d9);font-weight:700;font-size:14px}.total-pages{opacity:.7}@media (min-width: 769px){.section-wrapper{display:none;animation:fadeIn .5s ease-in-out}.section-wrapper.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@media (max-width: 768px){.notebook-overlay{position:fixed!important;top:0!important;left:0!important;transform:none!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;border-radius:0!important;border:none!important;background-color:#fffffffa}.notebook-nav,.page-indicator-container{display:none}.close-btn{top:15px;right:15px;width:40px;height:40px;font-size:24px;background:rgba(255,179,217,.9);box-shadow:0 2px 10px #0000001a;position:fixed;z-index:1001}.notebook-content-container{padding:60px 20px 20px!important;height:100vh!important;height:100dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;border-radius:0!important;background-color:transparent!important}.section-wrapper{display:block;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid rgba(0,0,0,.05)}.section-wrapper:last-child{border-bottom:none;margin-bottom:0}}@media (max-width: 480px){.notebook-content-container{padding:60px 15px 15px!important}}.loading-screen{width:100vw;height:100vh;background:linear-gradient(135deg,#ffb3d9 0%,#a8e6cf 50%,#dcedc1 100%);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.loading-content{text-align:center;z-index:10;position:relative}.cherry-blossom-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.petal{position:absolute;width:20px;height:20px;background:linear-gradient(45deg,#ffb3d9,#ff8cc6);border-radius:50% 0 50% 50%;animation:fall 3s linear infinite;opacity:.8}.petal-1{left:10%;animation-delay:0s}.petal-2{left:30%;animation-delay:.5s}.petal-3{left:50%;animation-delay:1s}.petal-4{left:70%;animation-delay:1.5s}.petal-5{left:90%;animation-delay:2s}@keyframes fall{0%{transform:translateY(-100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.loading-text{margin-bottom:40px}.loading-title{font-size:3rem;font-weight:700;color:#2c3e50;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.1);animation:glow 2s ease-in-out infinite alternate}.loading-subtitle{font-size:1.2rem;color:#34495e;font-weight:300;opacity:.8}@keyframes glow{0%{text-shadow:2px 2px 4px rgba(0,0,0,.1)}to{text-shadow:2px 2px 20px rgba(255,179,217,.5)}}.loading-spinner{position:relative;width:80px;height:80px;margin:0 auto 40px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #ffb3d9;border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:nth-child(2){width:70%;height:70%;top:15%;left:15%;border-top-color:#ff8cc6;animation-duration:1.2s;animation-direction:reverse}.spinner-ring:nth-child(3){width:40%;height:40%;top:30%;left:30%;border-top-color:#a8e6cf;animation-duration:.8s}.loading-quote{font-family:"STIX Two Math",serif;font-size:1rem;color:#34495e;font-style:italic;opacity:.7;margin-top:20px;animation:fadeInOut 3s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}@media (max-width: 768px){.loading-title{font-size:2rem}.loading-subtitle{font-size:1rem}.loading-spinner{width:60px;height:60px}.loading-quote{font-size:.9rem}}.usage-hint-container{position:fixed;top:30px;right:30px;z-index:100;pointer-events:none}.hint-card{display:flex;align-items:center;gap:15px;background:rgba(255,255,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726;transition:all .3s ease}.hint-icon{display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,.2);padding:8px;border-radius:12px;animation:pulse 2s infinite}.hint-content{display:flex;flex-direction:column;gap:2px}.hint-title{color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hint-text{color:#ffffffe6;font-size:.75rem;font-weight:400}@keyframes pulse{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}@media (max-width: 768px){.usage-hint-container{top:20px;right:20px}.hint-card{padding:10px 16px}.hint-title{font-size:.85rem}.hint-text{font-size:.7rem}}.app{width:100vw;height:100vh;position:relative;overflow:hidden}.canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.portfolio-overlay *{pointer-events:auto}.navigation{position:fixed;top:20px;right:20px;z-index:100;display:flex;flex-direction:column;gap:10px}.nav-button{background:rgba(255,255,255,.9);border:2px solid var(--primary-pink);border-radius:25px;padding:10px 20px;color:var(--dark-text);font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #ffb3d94d}.nav-button:hover{background:var(--primary-pink);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ffb3d980}.nav-button.active{background:var(--secondary-pink);color:#fff}.content-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.95);border-radius:20px;padding:40px;max-width:600px;width:90%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0000001a;border:2px solid var(--primary-pink);opacity:0;transform:translate(-50%,-50%) scale(.8);transition:all .5s ease}.content-section.active{opacity:1;transform:translate(-50%,-50%) scale(1)}@media (max-width: 768px){.navigation{top:10px;right:10px}.nav-button{padding:8px 16px;font-size:12px}.content-section{padding:20px;max-width:95%}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .6s ease-out}.floating{animation:float 3s ease-in-out infinite}.content-section::-webkit-scrollbar{width:6px}.content-section::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.content-section::-webkit-scrollbar-thumb{background:var(--primary-pink);border-radius:3px}.content-section::-webkit-scrollbar-thumb:hover{background:var(--secondary-pink)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-pink: #ffb3d9;--secondary-pink: #ff8cc6;--soft-green: #a8e6cf;--light-green: #dcedc1;--pure-white: #ffffff;--soft-white: #f8f9fa;--dark-text: #2c3e50;--accent-purple: #e8b4cb;--bloom-glow: rgba(255, 179, 217, .3)}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,var(--soft-white) 0%,var(--primary-pink) 100%);color:var(--dark-text);overflow-x:hidden;line-height:1.6}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--soft-white)}::-webkit-scrollbar-thumb{background:var(--primary-pink);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-pink)}.fade-in{animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bloom{filter:drop-shadow(0 0 20px var(--bloom-glow))}@media (max-width: 768px){body{font-size:14px}}.loading{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,var(--soft-white) 0%,var(--primary-pink) 100%)}.loading-spinner{width:50px;height:50px;border:3px solid var(--primary-pink);border-top:3px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
