.ab-about{color:#fff;box-sizing:border-box;background:radial-gradient(circle at 20% 10%,#0b0c2a 0%,#000 100%);width:100%;padding:40px 4%;position:relative;overflow:hidden}.ab-stars-container{z-index:0;pointer-events:none;transition:transform .12s linear;position:absolute;top:0;bottom:0;left:0;right:0}.ab-star{filter:drop-shadow(0 0 4px rgba(150,200,255,.25));background:#fff;border-radius:50%;position:absolute}.ab-comet{background:linear-gradient(90deg,#b4f0ff,#fff);border-radius:50%;width:5px;height:5px;position:absolute;left:-120px;box-shadow:0 0 10px rgba(150,220,255,.9)}.ab-inner{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1200px;margin:-40px auto 0;display:grid;position:relative}.ab-left{padding:20px 0}.ab-title{text-shadow:0 0 20px rgba(200,220,255,.25);margin:0 0 12px;font-size:max(2rem,min(4.5vw,3.6rem))}.ab-desc{color:#cfd8ff;max-width:540px;margin-bottom:18px;line-height:1.6}.ab-desc2 p{color:#cfd8ff;max-width:540px;line-height:1.6}.ab-carousel{justify-content:center;align-items:center;display:flex}.ab-track-viewport{box-sizing:border-box;background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.55));border-radius:18px;justify-content:center;align-items:center;width:100%;max-width:720px;height:420px;padding:18px;display:flex;overflow:hidden}.ab-track{height:100%;display:flex;transform:translate(0)}.ab-slide{box-sizing:border-box;flex:0 0 100%;justify-content:center;align-items:center;width:100%;padding:6px;display:flex}.ab-slide-img{object-fit:cover;filter:brightness(.92)contrast(.98);border-radius:14px;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,.9,.3,1),filter .7s;transform:scale(.98);box-shadow:0 20px 60px rgba(20,40,80,.55),0 4px 20px rgba(0,160,220,.12)}.ab-slide-img:focus,.ab-slide-img:hover{filter:brightness()contrast();transform:scale(1.02)}@media (max-width:980px){.ab-inner{grid-template-columns:1fr;gap:1px;margin-bottom:2px}.ab-track-viewport{max-width:65%;height:380px}.ab-carousel{margin-top:-50px}}@media (max-width:770px){.ab-inner{grid-template-columns:1fr;gap:1px;margin-bottom:2px}.ab-track-viewport{max-width:80%;height:410px}}@media (max-width:600px){.ab-inner{grid-template-columns:1fr;gap:1px;margin-bottom:2px}.ab-track-viewport{max-width:80%;height:300px}}@media (max-width:441px){.ab-inner{grid-template-columns:1fr;gap:1px;margin-bottom:2px}.ab-track-viewport{max-width:90%;height:250px}}@media (max-width:320px){.ab-inner{grid-template-columns:1fr;gap:1px;margin-bottom:2px}.ab-track-viewport{max-width:100vh;height:220px}}.contact-btn{display:left;text-align:center;text-transform:uppercase;letter-spacing:1.5px;color:#fff;background:linear-gradient(90deg,rgba(75,107,183,.09),rgba(42,171,227,.65));border:1px solid rgba(255,255,255,.2);border-radius:30px;width:10vw;margin:20px auto;padding:12px 28px;font-weight:700;transition:all .4s;position:absolute;bottom:-40px}@media (max-width:1080px){.contact-btn{text-align:center;border-radius:28px;width:80px;padding:8px 25px;font-size:.8rem;bottom:-45px}}@media (max-width:550px){.contact-btn{text-align:center;border-radius:28px;width:60px;padding:8px 15px;font-size:.65rem;bottom:-25px}}.contact-btn:hover:before{opacity:1;animation:2s infinite pulseGlow}.contact-btn:hover:hover{background:linear-gradient(90deg,rgba(109,212,250,.22),rgba(41,127,185,.22));transform:scale(1.05);box-shadow:0 0 20px rgba(0,191,255,.2)}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.contact-btn:before{content:"";opacity:0;z-index:-1;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 70%);border-radius:25px;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:550px){.contact-btn{border-radius:28px;margin-bottom:0;padding:10px 22px;font-size:.65rem}}
.piano-background{z-index:0;background:radial-gradient(circle,#0a0a0f 0%,#090a10 60%,#070707 100%);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.piano-background:after{content:"";z-index:0;mix-blend-mode:screen;background:radial-gradient(circle at 40% 60%,rgba(0,204,255,.25),transparent 70%),radial-gradient(circle at 70% 30%,rgba(150,200,255,.15),transparent 70%),radial-gradient(circle at 20% 40%,rgba(255,255,255,.05),transparent 80%);border-radius:15px;animation:50s linear infinite swirl;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes swirl{0%{opacity:.6;transform:rotate(0)scale(.1)}50%{opacity:1;transform:rotate(180deg)scale(1.15)}to{opacity:.6;transform:rotate(360deg)scale(.1)}}