@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Poppins:wght@300;400;500;600&display=swap");:root{--primary-color:#ffffff;--accent-color:#ddb76a;--dark-color:#111;--darker-bg:#000;--light-gray:#ddd;--overlay-black:rgba(0,0,0,0.45);--transition-speed:0.4s}*{margin:0;padding:0;box-sizing:border-box;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,transform .3s ease,box-shadow .3s ease}body,html{font-family:Poppins,sans-serif;scroll-behavior:smooth;background-color:var(--darker-bg);color:var(--primary-color)}.about-page{display:flex;flex-direction:column;align-items:center;overflow-x:hidden;min-height:100vh}section{margin:4rem 1rem;padding:20px;max-width:1200px;width:100%;text-align:center;opacity:1;transform:translateY(60px);transition:opacity 1s ease-out,transform 1s ease-out}section.show{opacity:1;transform:translateY(0)}h2{font-size:2.8rem;margin-bottom:2rem;color:var(--accent-color);text-transform:uppercase;letter-spacing:1.5px;position:relative;display:inline-block}h2:after{content:"";position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);width:50px;height:3px;background-color:var(--primary-color);transition:width .4s ease,background-color .4s ease}h2:hover:after{width:80px;background-color:var(--accent-color)}p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem;line-height:1.7;color:#ccc}@media screen and (max-width:1024px){section{margin:3rem 1rem}h2{font-size:2.4rem}}@media screen and (max-width:768px){h2{font-size:2rem}p{font-size:1rem}}@media screen and (max-width:480px){h2{font-size:1.6rem}p{font-size:.95rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}