@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Fredoka:wght@300..700&family=Patrick+Hand&display=swap";:root{--color-bg-pink:#fc5c9c;--color-inner-cream:#fbf0e8;--color-text-dark:#3a3a3a;--color-tab-pink:#ffc9cd;--color-tab-purple:#c6a2f8;--color-tab-cyan:#6cdbd8;--color-tab-green:#dcf5a6;--color-pill-pink:#ff9bb6;--color-pill-red:#d12e58;--color-skill-pink:#fa6aab;--color-skill-teal:#78cedc;--color-skill-yellow:#fded71;--color-skill-lightgreen:#e2f9aa;--color-skill-purple:#c38ef0;--color-skill-darkred:#be2e4e;--font-handwriting:"Patrick Hand", cursive;--font-caveat:"Caveat", cursive;--font-rounded:"Fredoka", sans-serif}body,html{background-color:var(--color-bg-pink);height:100%;font-family:var(--font-rounded);color:var(--color-text-dark);box-sizing:border-box;margin:0;padding:0}*,:before,:after{box-sizing:inherit}.app-wrapper{background-color:var(--color-bg-pink);justify-content:center;align-items:flex-start;min-height:100vh;padding:50px 20px;display:flex}.main-container{background-color:var(--color-inner-cream);border-radius:30px;width:100%;max-width:1000px;margin-top:40px;padding:40px;position:relative;box-shadow:0 10px 30px #0000001a}.content-container{flex-direction:column;gap:40px;display:flex}@media (width>=768px){.content-container{flex-direction:row}}.right-panel{flex-direction:column;flex:1;display:flex}@media (width<=768px){.hide-on-mobile-gallery{display:none!important}.main-container{margin-top:15vw;padding:20px}}.heart-icon-top-right{color:#fff;z-index:10;text-shadow:2px 2px #0000001a;font-size:50px;position:absolute;top:-30px;right:20px}.top-tabs-container{z-index:1;flex-wrap:wrap;align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:100%;left:10px;right:40px}@media (width<=768px){.top-tabs-container{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;right:10px;overflow-x:auto}.top-tabs-container::-webkit-scrollbar{display:none}}.tab-btn{font-family:var(--font-handwriting);cursor:pointer;color:#fff;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;border:none;border-radius:12px 12px 0 0;padding:10px 15px 20px;font-size:1.1rem;transition:transform .2s;transform:translateY(10px)}@media (width>=768px){.tab-btn{border-radius:15px 15px 0 0;gap:5px;padding:12px 20px 20px;font-size:1.2rem}}.tab-btn:hover{transform:translateY(5px)}.tab-btn.active{color:var(--color-pill-red);z-index:5;border-bottom:2px solid var(--color-inner-cream);padding-bottom:25px;font-weight:700;transform:translateY(0);background-color:var(--color-inner-cream)!important}.left-sidebar{flex-direction:column;align-items:center;gap:40px;width:100%;max-width:350px;display:flex}.polaroid-container{background:#fff;border:1px solid #f0f0f0;width:100%;padding:15px 15px 30px;position:relative;transform:rotate(-3deg);box-shadow:2px 5px 15px #0000001a}.photo-wrapper{aspect-ratio:1;background:#f0f0f0;width:100%;overflow:hidden}.profile-photo{object-fit:cover;width:100%;height:100%}.polaroid-text{text-align:center;font-family:var(--font-handwriting);color:var(--color-pill-pink);text-transform:uppercase;letter-spacing:2px;justify-content:center;align-items:center;gap:8px;margin-top:15px;font-size:1.4rem;display:flex;position:relative}.star-icon{color:var(--color-skill-yellow);font-size:1.2rem}.purple-swirl{font-size:2rem;position:absolute;bottom:-15px;left:-25px;transform:rotate(-20deg)}.info-section{background:#fff;border-radius:20px;flex-direction:column;align-items:center;width:100%;padding:0 20px 20px;display:flex;box-shadow:1px 2px 10px #0000000d}.pill-title{background-color:var(--color-pill-pink);color:#fff;font-family:var(--font-rounded);letter-spacing:1px;border-radius:20px;margin-bottom:5px;padding:8px 30px;font-size:1.3rem;font-weight:600;display:inline-block;position:relative;top:-20px}.info-list{flex-direction:column;gap:15px;width:100%;margin:0;padding:0;list-style:none;display:flex}.info-list li{color:var(--color-pill-red);align-items:center;gap:15px;font-family:Patrick Hand,cursive;font-size:1.4rem;display:flex}.info-icon{color:var(--color-tab-cyan);font-size:1.5rem}.laptop-graphic{flex-direction:column;align-items:center;margin-top:10px;display:flex;position:relative;transform:rotate(2deg)}.laptop-screen{background-color:var(--color-pill-pink);border:4px solid #ffc2d1;border-radius:10px 10px 0 0;justify-content:center;align-items:center;width:150px;height:100px;display:flex}.laptop-heart{font-size:3rem}.laptop-base{background-color:var(--color-pill-pink);border-bottom:4px solid #ffc2d1;border-radius:0 0 10px 10px;width:170px;height:15px}.floating-star{position:absolute}.floating-star.left{font-size:1.5rem;bottom:20px;left:-20px}.floating-star.right{color:var(--color-tab-purple);font-size:1.2rem;top:-10px;right:-20px}.main-content{flex-direction:column;gap:30px;display:flex}.header-section{text-align:right;margin-top:-10px}.name-title{font-family:var(--font-rounded);color:var(--color-pill-red);letter-spacing:2px;text-transform:uppercase;margin:0;font-size:3.5rem}.heart-letter{color:var(--color-pill-pink);font-size:2.8rem}.about-text{font-family:var(--font-rounded);color:var(--color-text-dark);text-align:justify;max-width:500px;margin-top:10px;margin-left:auto;font-size:1.1rem;line-height:1.5}.skills-section{background:#fff;border-radius:20px;margin-top:20px;padding:30px 20px;position:relative;box-shadow:1px 2px 10px #0000000d}.skills-pill{background-color:var(--color-pill-pink);position:absolute;top:-20px;right:30px}.skills-cloud{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;min-height:300px;padding:30px 10px;display:flex;position:relative}.skill-shape{text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;margin:5px;padding:15px;transition:transform .3s;display:flex;position:relative;box-shadow:2px 4px 10px #0000001a}.skill-shape:hover{z-index:10;transform:scale(1.05)!important}.skill-shape span{z-index:2;position:relative}.skill-text-large{font-family:var(--font-caveat);color:#fff;font-size:1.8rem}.skill-text-small{font-family:var(--font-rounded);color:#fff;font-size:1rem}.skill-text-script{font-family:var(--font-handwriting);color:#fff;font-size:2.5rem}.skill-text-cursive{font-family:var(--font-caveat);color:var(--color-pill-red);font-size:1.8rem}.skill-text-caps{color:var(--color-pill-red);letter-spacing:1px;font-family:Times New Roman,serif;font-size:1.4rem}.skill-text-serif{color:var(--color-pill-red);font-family:Times New Roman,serif;font-size:1.4rem}.skill-text-tiny{font-family:var(--font-rounded);color:var(--color-pill-red);text-transform:uppercase;font-size:.9rem}.ribbon.teal{background-color:var(--color-skill-teal);clip-path:polygon(10% 0,100% 0,95% 50%,100% 100%,0 100%,5% 50%);width:200px;height:80px;box-shadow:none;filter:drop-shadow(2px 4px 6px #0000001a);transform:rotate(-5deg)}.badge.pink{background-color:var(--color-skill-pink);clip-path:polygon(49% 0,61% 10%,75% 5%,83% 18%,97% 20%,94% 35%,100% 49%,91% 61%,95% 75%,82% 82%,80% 97%,65% 92%,50% 100%,36% 91%,21% 96%,17% 81%,3% 78%,7% 62%,0 50%,8% 36%,2% 21%,17% 17%,21% 3%,35% 8%);width:140px;height:140px;box-shadow:none;filter:drop-shadow(2px 4px 6px #0000001a)}.arch.green{background-color:var(--color-skill-lightgreen);border-radius:80px 80px 0 0;width:180px;height:150px;padding-top:30px}.starburst.yellow{background-color:var(--color-skill-yellow);clip-path:polygon(50% 0%,61% 25%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 25%);width:150px;height:150px;box-shadow:none;filter:drop-shadow(2px 4px 6px #0000001a);transform:rotate(10deg)}.pill.purple{background-color:var(--color-skill-purple);border-radius:40px;padding:10px 40px;transform:rotate(-3deg)}.rectangle.red{background-color:var(--color-skill-darkred);border-radius:8px;padding:10px 25px;transform:rotate(4deg)}.rectangle.red span{color:#fff}.decor-star{color:var(--color-skill-pink);font-size:1.5rem;position:absolute}.decor-star.s1{font-size:1.2rem;top:20px;left:160px}.decor-star.s2{color:var(--color-tab-cyan);bottom:50px;right:280px}.favorites-section{flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px;display:flex;position:relative}.favorites-section .pill-title{margin-bottom:0;top:0}.icons-row{flex-wrap:wrap;gap:15px;display:flex}.icon-box{background-color:#eee;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;transition:transform .2s;display:flex;box-shadow:2px 2px 5px #0000001a}.icon-box:hover{transform:translateY(-5px)}.icon-box.blue{background-color:#b7dbfc}.icon-box.yellow{background-color:#f7e9a0}.icon-box.purple{background-color:#dfbcfc}.icon-box.green{background-color:#c9ebd8}.icon-box.purple2{background-color:#ccb9fa}.icon-box.pink{background-color:#fcccf1}@media (width<=768px){.skills-cloud{flex-direction:column;align-items:center;gap:20px;min-height:auto;display:flex}.skill-shape{max-width:280px;margin:0 auto;width:100%!important;transform:none!important}.decor-star{display:none}.header-section{text-align:center;margin-top:10px}.name-title{font-size:2.5rem}.heart-letter{font-size:2rem}.about-text{text-align:center;margin:10px auto}}.gallery-container{flex-direction:column;gap:20px;width:100%;animation:.4s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gallery-title{font-family:var(--font-handwriting);color:var(--color-pill-red);text-align:center;margin:0;font-size:2.8rem;position:relative}.gallery-title:after{content:"⭐";color:var(--color-skill-yellow);margin-left:10px;font-size:1.5rem}.gallery-title:before{content:"✨";color:var(--color-tab-cyan);margin-right:10px;font-size:1.5rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:10px;display:grid}.gallery-item{aspect-ratio:1;cursor:pointer;border:5px solid #fff;border-radius:15px;width:100%;overflow:hidden;box-shadow:2px 4px 10px #0000001a}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.gallery-item:hover img{transform:scale(1.15)rotate(2deg)}