.aboutme-container{min-height:100vh;padding:2rem 0;background:var(--bg-color)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.profile-card{background:var(--card-bg);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.profile-header{display:flex;align-items:center;margin-bottom:1.5rem;gap:1.5rem}.profile-avatar{position:relative}.avatar-img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--primary-color);box-shadow:0 4px 20px #3b82f633}.profile-info{flex:1}.profile-name{font-size:2.5rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-title{font-size:1.2rem;color:var(--text-secondary);margin:0 0 .5rem;font-weight:500}.profile-location{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;margin:0}.profile-bio{margin-bottom:1.5rem}.profile-bio p{font-size:1.1rem;line-height:1.6;color:var(--text-color);margin:0}.profile-social{display:flex;gap:1rem;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:25px;font-size:.9rem;font-weight:500;transition:all .3s ease}.social-link:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.section-title{font-size:2rem;font-weight:600;color:var(--text-color);margin-bottom:1.5rem;text-align:center;position:relative}.section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:2px}.skills-section{margin-bottom:3rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.skill-category{background:var(--card-bg);border-radius:15px;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease}.skill-category:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.skill-category-title{font-size:1.2rem;font-weight:600;color:var(--primary-color);margin-bottom:1rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:var(--primary-light);color:var(--primary-color);padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid var(--primary-color);transition:all .3s ease}.skill-tag:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.achievements-section{margin-bottom:3rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.achievement-card{background:var(--card-bg);border-radius:15px;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);position:relative;overflow:hidden;transition:all .3s ease}.achievement-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.achievement-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.achievement-year{font-size:.9rem;font-weight:600;color:var(--primary-color);margin-bottom:.5rem}.achievement-title{font-size:1.2rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.achievement-description{color:var(--text-secondary);line-height:1.5;margin:0}.content-blocks{margin-bottom:3rem}.content-block{background:var(--card-bg);border-radius:15px;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease}.content-block:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.block-title{font-size:1.5rem;font-weight:600;color:var(--primary-color);margin-bottom:1rem;text-align:center;position:relative}.block-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--primary-color);border-radius:2px}.block-content{text-align:center}.block-content p{font-size:1.1rem;line-height:1.7;color:var(--text-color);max-width:800px;margin:0 auto}.contact-section{background:var(--card-bg);border-radius:20px;padding:2rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);text-align:center}.contact-info{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:.5rem;color:var(--text-color);font-size:1rem}.contact-message{margin-top:1rem}.contact-message p{font-size:1.1rem;color:var(--text-secondary);margin:0;line-height:1.6}@media (max-width: 768px){.aboutme-container{padding:1rem 0}.profile-card{padding:1.5rem}.profile-header{flex-direction:column;text-align:center;gap:1rem}.profile-name{font-size:2rem}.content-block{padding:1.5rem}.block-title{font-size:1.3rem}.block-content p{font-size:1rem}.contact-info{flex-direction:column;gap:1rem}.profile-social{justify-content:center}}@media (max-width: 480px){.profile-name{font-size:1.8rem}.section-title{font-size:1.6rem}.avatar-img{width:100px;height:100px}}.rose-animation-container{display:flex;justify-content:center;align-items:flex-end;margin:2rem 0;height:280px;position:relative;overflow:hidden;padding-bottom:20px}.rose-flower{position:relative;width:120px;height:120px;animation:roseLifecycle 15s ease-in-out forwards;margin-bottom:60px}.rose-petals{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.petal{position:absolute;top:50%;left:50%;transform-origin:bottom center;border-radius:60% 40%/70% 70% 30% 30%;box-shadow:inset 0 0 15px #0000001a,0 2px 8px #0003;animation:petalLifecycle 15s ease-in-out forwards}.petal-texture{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 30%,transparent 60%,rgba(0,0,0,.1) 100%);border-radius:inherit;pointer-events:none}.outer-petal{width:45px;height:70px;z-index:1;background:linear-gradient(135deg,#ff6b8a,#ff4757,#e84393)}.middle-petal{width:35px;height:55px;z-index:2;background:linear-gradient(135deg,#fd79a8,#ff4757,#e84393)}.inner-petal{width:25px;height:40px;z-index:3;background:linear-gradient(135deg,#ff6b8a,#ff4757,#fd79a8)}.petal-1{transform:translate(-50%,-50%) rotate(0)}.petal-2{transform:translate(-50%,-50%) rotate(60deg)}.petal-3{transform:translate(-50%,-50%) rotate(120deg)}.petal-4{transform:translate(-50%,-50%) rotate(180deg)}.petal-5{transform:translate(-50%,-50%) rotate(240deg)}.petal-6{transform:translate(-50%,-50%) rotate(300deg)}.petal-7{transform:translate(-50%,-50%) rotate(30deg)}.petal-8{transform:translate(-50%,-50%) rotate(102deg)}.petal-9{transform:translate(-50%,-50%) rotate(174deg)}.petal-10{transform:translate(-50%,-50%) rotate(246deg)}.petal-11{transform:translate(-50%,-50%) rotate(318deg)}.petal-12{transform:translate(-50%,-50%) rotate(45deg)}.petal-13{transform:translate(-50%,-50%) rotate(135deg)}.petal-14{transform:translate(-50%,-50%) rotate(225deg)}.petal-15{transform:translate(-50%,-50%) rotate(315deg)}.rose-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:radial-gradient(circle at 30% 30%,#ffb142,#ff7675,#d63031);border-radius:50%;z-index:4;animation:centerLifecycle 15s ease-in-out forwards;box-shadow:0 0 8px #ff6b8a80}.rose-stem{position:absolute;bottom:-80px;left:50%;transform:translate(-50%);width:6px;height:80px;background:linear-gradient(to bottom,#00b894,#00a085,#636e72);border-radius:3px;animation:stemLifecycle 15s ease-in-out forwards;box-shadow:2px 0 4px #0003}.fallen-petals{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.fallen-petal{position:absolute;width:20px;height:35px;background:linear-gradient(135deg,#ff6b8a,#ff4757,#e84393);border-radius:60% 40%/70% 70% 30% 30%;opacity:0;animation:petalFall 15s ease-in-out forwards;box-shadow:0 2px 6px #0003}.fallen-1{top:90%;left:15%;transform:rotate(-30deg);animation-delay:.1s}.fallen-2{top:95%;left:25%;transform:rotate(45deg);animation-delay:.3s}.fallen-3{top:92%;left:35%;transform:rotate(-60deg);animation-delay:.5s}.fallen-4{top:88%;left:50%;transform:rotate(20deg);animation-delay:.7s}.fallen-5{top:94%;left:65%;transform:rotate(-15deg);animation-delay:.9s}.fallen-6{top:91%;left:80%;transform:rotate(75deg);animation-delay:1.1s}@keyframes roseLifecycle{0%,15%{transform:scale(1) translateY(0) rotate(0);filter:brightness(1) saturate(1)}25%{transform:scale(.95) translateY(0) rotate(2deg);filter:brightness(.8) saturate(.8)}35%{transform:scale(.8) translateY(0) rotate(-3deg);filter:brightness(.6) saturate(.6)}45%{transform:scale(.3) translateY(0) rotate(1deg);filter:brightness(.3) saturate(.3);opacity:.3}60%{transform:scale(.1) translateY(0) rotate(0);filter:brightness(.2) saturate(.2);opacity:0}75%{transform:scale(.2) translateY(30px) rotate(0);filter:brightness(.5) saturate(.5);opacity:.5}85%{transform:scale(.7) translateY(15px) rotate(0);filter:brightness(.8) saturate(.8);opacity:.8}95%{transform:scale(.95) translateY(5px) rotate(0);filter:brightness(1) saturate(1);opacity:1}to{transform:scale(1) translateY(0) rotate(0);filter:brightness(1.1) saturate(1.1);opacity:1}}@keyframes petalLifecycle{0%,15%{opacity:1;transform:translate(-50%,-50%) rotate(var(--rotation, 0deg)) scale(1)}25%{opacity:.9;transform:translate(-50%,-50%) rotate(var(--rotation, 0deg)) scale(.95);filter:brightness(.9) saturate(.8)}35%{opacity:.7;transform:translate(-50%,-50%) rotate(var(--rotation, 0deg)) scale(.8);filter:brightness(.7) saturate(.6)}40%{opacity:.5;transform:translate(-50%,-50%) rotate(var(--rotation, 0deg)) scale(.6);filter:brightness(.5) saturate(.4)}50%{opacity:0;transform:translate(-50%,-50%) rotate(var(--rotation, 0deg)) scale(.3);filter:brightness(.3) saturate(.3)}60%{opacity:0;transform:translate(-50%,-50%) rotate(var(--rotation, 0deg)) scale(.1);filter:brightness(.2) saturate(.2)}78%{opacity:.2;transform:translate(-50%,-30%) rotate(var(--rotation, 0deg)) scale(.3);filter:brightness(.5) saturate(.5)}88%{opacity:.7;transform:translate(-50%,-40%) rotate(var(--rotation, 0deg)) scale(.7);filter:brightness(.8) saturate(.8)}95%{opacity:.9;transform:translate(-50%,-45%) rotate(var(--rotation, 0deg)) scale(.95);filter:brightness(1) saturate(1)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--rotation, 0deg)) scale(1);filter:brightness(1.1) saturate(1.1)}}@keyframes centerLifecycle{0%,15%{opacity:1;transform:translate(-50%,-50%) scale(1)}35%{opacity:.6;transform:translate(-50%,-50%) scale(.7);filter:brightness(.6)}50%{opacity:.3;transform:translate(-50%,-50%) scale(.4);filter:brightness(.4)}60%{opacity:0;transform:translate(-50%,-50%) scale(.1);filter:brightness(.2)}92%{opacity:.3;transform:translate(-50%,-50%) scale(.3);filter:brightness(.6)}96%{opacity:.7;transform:translate(-50%,-50%) scale(.7);filter:brightness(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:brightness(1.2)}}@keyframes stemLifecycle{0%,15%{opacity:1;height:80px;filter:brightness(1)}35%{opacity:.8;height:75px;filter:brightness(.7)}50%{opacity:.5;height:65px;filter:brightness(.5)}60%{opacity:.3;height:40px;filter:brightness(.3)}65%{opacity:.4;height:15px;filter:brightness(.6)}72%{opacity:.7;height:50px;filter:brightness(.8)}80%{opacity:.9;height:75px;filter:brightness(.9)}90%{opacity:1;height:85px;filter:brightness(1)}to{opacity:1;height:85px;filter:brightness(1.1)}}@keyframes petalFall{0%,35%{opacity:0;transform:translateY(-50px) rotate(0) scale(.5)}40%{opacity:.8;transform:translateY(-20px) rotate(180deg) scale(.8)}50%{opacity:.7;transform:translate(0) rotate(360deg) scale(.6)}65%{opacity:.6;transform:translate(0) rotate(360deg) scale(.5);filter:brightness(.6) saturate(.6)}75%{opacity:.5;transform:translateY(-5px) rotate(180deg) scale(.4);filter:brightness(.7) saturate(.7)}85%{opacity:.3;transform:translateY(-20px) rotate(90deg) scale(.3);filter:brightness(.8) saturate(.8)}95%{opacity:.1;transform:translateY(-40px) rotate(45deg) scale(.2);filter:brightness(.9) saturate(.9)}to{opacity:0;transform:translateY(-60px) rotate(0) scale(.1)}}.petal-1{--rotation: 0deg}.petal-2{--rotation: 60deg}.petal-3{--rotation: 120deg}.petal-4{--rotation: 180deg}.petal-5{--rotation: 240deg}.petal-6{--rotation: 300deg}.petal-7{--rotation: 30deg}.petal-8{--rotation: 102deg}.petal-9{--rotation: 174deg}.petal-10{--rotation: 246deg}.petal-11{--rotation: 318deg}.petal-12{--rotation: 45deg}.petal-13{--rotation: 135deg}.petal-14{--rotation: 225deg}.petal-15{--rotation: 315deg}.rose-animation-container:hover .rose-flower{animation:roseLifecycle 8s ease-in-out forwards}.rose-animation-container:hover .petal,.rose-animation-container:hover .rose-center,.rose-animation-container:hover .rose-stem,.rose-animation-container:hover .fallen-petal{animation-duration:8s}@media (max-width: 768px){.rose-animation-container{height:220px;padding-bottom:15px}.rose-flower{width:80px;height:80px;margin-bottom:40px}.petal{width:25px;height:40px}.outer-petal{width:30px;height:50px}.middle-petal{width:25px;height:40px}.inner-petal{width:20px;height:35px}.rose-center{width:12px;height:12px}.rose-stem{height:45px;bottom:-45px}.fallen-petal{width:15px;height:25px}}
