.btn-custom-gradient,.btn-outline-light,.social-icons a{color:var(--text-light);transition:transform .2s}:root{--bg-gradient-start:#ff6ec4;--bg-gradient-end:#7873f5;--card-bg:#111;--text-light:#fff;--outline-light:rgba(255, 255, 255, 0.8);--purple:#2e004f;--indigo:#2908a1;--teal:#006d75}body,html{margin:0;font-family:Montserrat,sans-serif;background:linear-gradient(135deg,#000 0,#261231 50%,#360843 100%)}main{display:flex}.card{background:#000;color:var(--text-light);border:none;border-radius:16px;box-shadow:0 6px 30px rgba(0,0,0,.5);width:100%;cursor:pointer}.btn-custom-gradient{background:linear-gradient(45deg,var(--purple),var(--indigo),var(--teal),var(--purple));background-size:200% 200%;border:none;padding:1rem;animation:6s ease-in-out infinite gradientShift,2s ease-in-out infinite bounceSmall;will-change:transform,background-position}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes bounceSmall{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.btn-custom-gradient:hover,.btn-outline-light:hover{transform:scale(1.05)}.btn-outline-light{background:0 0;border:2px solid var(--outline-light)}.btn-outline-light:focus{outline:3px solid var(--outline-light)}.text-16{font-size:1.25rem;font-weight:600;line-height:1.2}.text-sm-normal{font-size:.875rem;font-weight:400;line-height:1.4}.link-with-desc .desc-container{background:#ff005c;border-radius:8px}.desc{color:#eee;text-align:center}.social-icons a{font-size:1.5rem}.social-icons a:hover{transform:scale(1.2)}.profile-ring{--size:150px;--thick:3px;position:relative;width:var(--size);height:var(--size);margin:0 auto 1rem;display:flex;justify-content:center;align-items:center}.profile-ring::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--thick);border-radius:50%;background:#3fff00;will-change:filter;z-index:0}.gradient-wrapper,.gradient-wrapper::before{background:linear-gradient(-45deg,#e81cff 0,#40c9ff 100%)}.profile-ring .profile-img{width:calc(100% - 2 * var(--thick));height:calc(100% - 2 * var(--thick));object-fit:cover;border-radius:50%;z-index:1}@keyframes hueShift{0%,100%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}}.gradient-wrapper{position:relative;padding:4px;border-radius:16px}.gradient-wrapper::before{content:"";position:absolute;top:-9px;left:-9px;right:-9px;bottom:-9px;filter:blur(12px);border-radius:20px}.gradient-wrapper .card{border-radius:16px}.bcg:active,.bcg:focus,.bcg:hover,.bcg:hover *{color:#fff!important}