.about-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;max-width:1000px;margin:2rem auto;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 4px 20px rgba(0,188,212,.08);position:relative}.about-page:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00bcd4,#2c3e50,#00bcd4);border-radius:20px 20px 0 0}.about-image-container{width:65%;max-width:450px;margin-bottom:3rem;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.15);position:relative}.about-image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(0,188,212,.1));z-index:1;border-radius:20px;transition:opacity .3s ease}.about-image-container:hover:before{opacity:0}.about-image{width:100%;height:400px;object-fit:cover;object-position:top center;transition:transform .4s ease,filter .3s ease;border-radius:20px}.about-image:hover{transform:scale(1.03);filter:brightness(1.1)}.about-content{text-align:center;max-width:800px}.about-title{font-size:3rem;font-weight:400;margin-bottom:2rem;color:#2c3e50;font-family:var(--font-irish-grover);background:linear-gradient(135deg,#2c3e50,#00bcd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.about-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#00bcd4,#2c3e50);border-radius:2px}.about-body{font-size:1.25rem;line-height:1.8;margin-top:2rem;max-width:700px;margin-left:auto;margin-right:auto}.about-body,.about-body p{font-family:var(--font-alice)}.about-body p{margin-bottom:1.5rem;padding:1rem 0}.about-body{font-size:1.35rem;font-weight:500}.about-connect{margin-top:3rem;padding:2rem;background:rgba(0,188,212,.05);border-radius:20px;border:1px solid rgba(0,188,212,.1)}#follow-me-about{font-size:1.5rem;margin-bottom:1.5rem;color:#00bcd4;margin-top:0;font-family:var(--font-irish-grover);font-weight:400;text-transform:uppercase;letter-spacing:1px}.about-socials{justify-content:center;gap:3rem;font-size:1.8rem;margin-top:1.5rem}.about-socials,.about-socials a{display:flex;color:#2c3e50;align-items:center}.about-socials a{transition:all .3s ease;font-family:var(--font-alice);padding:1rem;border-radius:15px;background:hsla(0,0%,100%,.8);box-shadow:0 4px 15px rgba(0,0,0,.1);backdrop-filter:blur(10px);position:relative;overflow:hidden}.about-socials a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,188,212,.1),transparent);transition:left .5s ease}.about-socials a:hover:before{left:100%}.about-socials a:hover{color:#00bcd4;transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,188,212,.3);background:rgba(0,188,212,.1)}.about-social-text{color:inherit;font-size:1.1rem;font-weight:400;font-family:var(--font-alice);transition:color .3s ease}.about-social-with-text{display:flex;align-items:center;gap:.8rem}@media (max-width:768px){.about-page{padding:2rem;margin:1rem;border-radius:15px}.about-title{font-size:2.5rem}.about-body{font-size:1.1rem}.about-image-container{max-width:70%!important;margin-bottom:2rem}.about-image{height:30vh}.about-socials{flex-direction:column;gap:1.5rem;font-size:1.5rem}.about-connect{padding:1.5rem;margin-top:2rem}#follow-me-about{font-size:1.3rem}}@media (max-width:480px){.about-image{height:30vh}.about-page{padding:1.5rem}.about-title{font-size:2rem}.about-body{font-size:1rem}.about-socials{font-size:1.3rem}}@media (prefers-color-scheme:dark){.about-page{background:rgba(40,44,52,.9);border:1px solid hsla(0,0%,100%,.1)}.about-title{background:linear-gradient(135deg,#fff,#00bcd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-connect{background:rgba(0,188,212,.08);border:1px solid rgba(0,188,212,.2)}#follow-me-about{color:#00bcd4}.about-socials{color:#e2e8f0}.about-socials a{color:#e2e8f0;background:rgba(40,44,52,.8);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 15px rgba(0,0,0,.3)}.about-socials a:hover{color:#00bcd4;background:rgba(0,188,212,.15);border:1px solid rgba(0,188,212,.3);box-shadow:0 8px 25px rgba(0,188,212,.4)}.about-social-text{color:inherit}@media (max-width:768px){.about-connect{background:rgba(0,188,212,.05);border:1px solid rgba(0,188,212,.2)}.about-socials a{background:rgba(35,39,47,.9);border:1px solid hsla(0,0%,100%,.08)}}}