:root{--body-bg-color:#000;--body-bg-gradient1:#000;--body-bg-gradient2:#2a0425;--body-text-color:#fff;--heading-color:#fff;--hero-gradient1:#168295;--hero-gradient2:#0b5e3a;--footer-bg-color:#0d0d0d;--footer-bg-gradient1:#0d0d0d;--footer-bg-gradient2:#1f2937;--link-color:#b2346c;--box-color:#d34182;--box-text-color:#fff;--header-bg-color:#2a091d;--font-family:Georgia,serif;--nav-link-color:#fff;--footer-text-color:#fff;--header-text-color:#ffff}
html{overflow-x:hidden}
body{background-color:#07050d;color:var(--body-text-color)!important;font-family:var(--font-family);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(circle at 12% 18%,#772dff38 0,transparent 32%),radial-gradient(circle at 88% 78%,#b146ff24 0,transparent 30%),linear-gradient(#9d4edd0b 1px,transparent 1px),linear-gradient(90deg,#9d4edd0b 1px,transparent 1px),linear-gradient(135deg,#050409 0%,#10091d 48%,#08050f 100%);background-size:auto,auto,46px 46px,46px 46px,cover;background-position:center;background-attachment:fixed}
h1{font-size:clamp(2rem,4vw,2.5rem)!important}
h2{font-size:clamp(1.6rem,3vw,2rem)!important}
h3{font-size:clamp(1.4rem,3vw,1.7rem)!important}
p{margin-bottom:.5rem!important}
section{padding:15px 0;scroll-margin-top:70px}
h2,h3{color:var(--heading-color)!important}
.content-area section{margin:15px 0;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.content-area section.main-section-style-image-bg{position:relative;overflow:hidden;padding:3.125rem 1.5rem;border-radius:17px;background-image:url(/images/benefits.webp);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff}
.content-area section.main-section-style-image-bg::before{content:"";position:absolute;inset:0;z-index:1;background:color-mix(in srgb,#00000091,transparent 30%)}
.content-area
section.main-section-style-image-bg
> :not(.section-style-toolbar){position:relative;z-index:2}
.content-area section.main-section-style-image-bg h2,.content-area section.main-section-style-image-bg h3,.content-area section.main-section-style-image-bg a{color:#fff!important}
.content-area a{color:var(--link-color)!important;text-decoration:none!important}
.content-area a:hover{color:var(--link-color)!important;opacity:.8}
.twitter-tweet{width:279px!important}
.x{display:flex;justify-content:center}
.error_page{min-height:70vh}
.sidebar-search-box{width:279px;position:relative;overflow:hidden;padding:1rem;margin-bottom:1rem;background:radial-gradient(circle at 100% 0%,#8b3dff2e,transparent 45%),linear-gradient(145deg,#150d23f5,#090710fa);border:1px solid #9d4edd38;border-radius:12px;box-shadow:0 10px 25px #00000047 inset 0 1px 0 #ffffff0a;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.sidebar-search-box:hover{transform:translateY(-2px);border-color:#b146ff6b;box-shadow:0 14px 30px #00000057 0 0 18px #772dff17}
.sidebar-search-box::before{content:"";position:absolute;top:0;left:14%;width:72%;height:1px;background:linear-gradient(90deg,transparent,#be6effd9,transparent);box-shadow:0 0 10px #9d4edd66}
.sidebar-search-box h3{margin-top:0;margin-bottom:.65rem;color:#f4edff}
.sidebar-search-box p{margin-top:0;margin-bottom:.75rem;color:#ebe1f8b3;line-height:1.5}
.sidebar-search-box form{display:flex;flex-direction:column;gap:.65rem}
.sidebar-search-box input{width:100%;min-width:0;padding:.7rem .8rem;color:#f6efff;background:#040309b3;border:1px solid #9d4edd38;border-radius:8px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.sidebar-search-box input::placeholder{color:#ebe1f866}
.sidebar-search-box input:focus{background:#08050feb;border-color:#b146ffbf;box-shadow:0 0 0 3px #772dff1f 0 0 14px #772dff1a}
.sidebar-search-box button{width:100%;padding:.65rem .8rem;color:#fff;background:linear-gradient(135deg,#6f2cff,#9d4edd);border:1px solid #cc99ff40;border-radius:8px;box-shadow:0 6px 16px #4f18a040 inset 0 1px 0 #ffffff26;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.sidebar-search-box button:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 8px 20px #772dff57 0 0 14px #9d4edd2e}
.sidebar-search-box button:disabled{cursor:not-allowed;opacity:.5;filter:saturate(0.65)}
.sidebar-newsletter-box{background:radial-gradient(circle at 0% 100%,#8b3dff29,transparent 46%),linear-gradient(145deg,#180d28f7,#090710fa)}
.footer{background:radial-gradient(circle at 50% 0%,#772dff29,transparent 38%),linear-gradient(#9d4edd09 1px,transparent 1px),linear-gradient(90deg,#9d4edd09 1px,transparent 1px),linear-gradient(135deg,#08050ffa,#140a22fa);background-size:auto,42px 42px,42px 42px,cover;color:var(--footer-text-color);padding-top:clamp(1rem,3vw,2rem);padding-bottom:clamp(1.75rem,2.5vw,2.5rem);position:relative;overflow:hidden;border-top:1px solid #9d4edd33;box-shadow:0 -10px 30px #0000004d 0 -2px 18px #772dff0f}
.footer a{color:var(--link-color);text-decoration:none;font-weight:600;letter-spacing:.01em;transition:opacity .2s ease,text-decoration-color .2s ease}
.footer a:hover,.footer a:focus-visible{opacity:.9}
.footer .social-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;color:var(--footer-text-color);background:var(--link-color);font-size:1.25rem;line-height:1;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}
.footer .social-icon:hover,.footer .social-icon:focus-visible{transform:translateY(-3px);background:var(--link-color / 30%)}
.footer .footer-divider{border:0;height:1px;background:linear-gradient(to right,transparent,var(--footer-text-color) 40%,transparent);margin:1.25rem 0}
.footer .small{font-style:italic;font-size:.95rem}
@media (max-width: 575.98px) {
.footer .social-icon{width:40px;height:40px;font-size:1.2rem}
.footer .small{font-size:.9rem}
}
.navbar{background-color:transparent!important;transition:background-color .4s ease,box-shadow .3s ease;position:fixed;top:0;left:0;width:100%;z-index:1030}
.navbar.scrolled{background:linear-gradient(135deg,#090610f0,#180c27f0)!important;border-bottom:1px solid #9d4edd2e;box-shadow:0 8px 24px #00000059 0 0 18px #772dff14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hero-section{padding:155px 0 60px;position:relative;overflow:hidden;color:var(--header-text-color)}
.hero-section.with-bg{background-image:url(/images/hero-bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 6.5px 25px -1px #0f091a}
.hero-section.with-bg::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000);opacity:.5;z-index:1}
.hero-section .container{position:relative;z-index:2}
@media (max-width: 768px) {
.hero-section{padding:100px 0 30px}
}
.navbar-light .navbar-nav .nav-link{color:var(--nav-link-color,#141414)!important}
.navbar-light .navbar-nav .nav-link.active{color:var(--link-color)!important;font-weight:700}
@media (max-width: 1199.98px) {
.navbar-collapse{position:fixed;top:61px;left:15px;right:15px;background-color:color-mix(in srgb,var(--header-bg-color) 65%,transparent);backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 15px 40px #00000026;z-index:9999;padding:15px;margin:0}
.navbar-nav{width:100%}
.navbar-nav .nav-item{margin:7px 0}
.navbar-nav .nav-item:hover{transform:translateY(-1px)}
.navbar-nav .nav-link{font-size:1.2rem;font-weight:500;text-decoration:none;display:block;padding:0}
.navbar-toggler{z-index:10000;position:relative;border:var(--bs-border-width) solid var(--nav-link-color,#141414)!important}
}
.custom-dropdown{border:0;box-shadow:0 10px 40px #00000026;border-radius:12px;padding:.5rem 0;margin-top:.5rem;min-width:220px;background:color-mix(in srgb,var(--header-bg-color) 65%,transparent)!important;backdrop-filter:blur(12px)}
.custom-dropdown .dropdown-item{padding:.75rem 1.5rem;transition:all .3s ease;color:var(--nav-link-color,#141414)!important;font-weight:500;border-radius:0;text-wrap:wrap}
.dropdown-menu{display:none}
.custom-dropdown .dropdown-item:hover{color:#fff;background:color-mix(in srgb,var(--header-bg-color) 95%,transparent)!important}
.nav-item.dropdown > .nav-link{display:flex;align-items:center}
.nav-item.dropdown > .nav-link .arrow{position:relative;margin-left:auto;border:solid var(--nav-link-color,#141414);border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg);transition:transform .25s}
.dropdown.open .dropdown-menu{display:block}
@media (min-width: 1200px) {
.nav-item.dropdown{position:relative}
.nav-item.dropdown > .nav-link .arrow{margin-left:7px}
.custom-dropdown.dropdown-menu{position:absolute;top:100%;left:0;margin-top:0;z-index:1000}
.nav-item.dropdown:hover > .nav-link .arrow{transform:rotate(-135deg)}
.nav-item.dropdown:hover > .dropdown-menu{display:block!important}
}
@media (max-width: 1199px) {
.nav-item.dropdown > .nav-link .arrow{padding:4px}
}
.contact-section{position:relative;overflow:hidden;padding:1rem;background:radial-gradient(circle at 15% 20%,#772dff21,transparent 36%),radial-gradient(circle at 90% 85%,#9d4edd14,transparent 32%),linear-gradient(135deg,#0a0712d1,#140a22c2);border:1px solid #9d4edd24;border-radius:16px;box-shadow:0 14px 34px #00000038 inset 0 1px 0 #ffffff06}
.contact-section::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#9d4edd06 1px,transparent 1px),linear-gradient(90deg,#9d4edd06 1px,transparent 1px);background-size:38px 38px}
.contact-form{max-width:400px;margin:0 auto;position:relative;z-index:1;overflow:hidden;padding:1.1rem;background:radial-gradient(circle at 100% 0%,#8b3dff2e,transparent 38%),linear-gradient(145deg,#160d24f7,#08060efa);border:1px solid #9d4edd3d;border-radius:14px;box-shadow:0 14px 34px #00000052 inset 0 1px 0 #ffffff0a;transition:border-color .25s ease,box-shadow .25s ease}
.contact-form:hover{border-color:#b146ff61;box-shadow:0 18px 38px #0000005c 0 0 20px #772dff12 inset 0 1px 0 #ffffff0a}
.contact-form::before{content:"";position:absolute;top:0;left:12%;width:76%;height:1px;background:linear-gradient(90deg,transparent,#c77dffd9,transparent);box-shadow:0 0 12px #9d4edd73}
.contact-form h2{position:relative;margin-top:0;margin-bottom:.7rem;padding-bottom:.55rem;color:#f6f0ff;text-align:left;text-shadow:0 0 14px #9d4edd3d 0 2px 8px #00000059}
.contact-form h2::after{content:"";position:absolute;left:0;bottom:0;width:3.2rem;height:3px;border-radius:999px;background:linear-gradient(90deg,#7b2cff,#c77dff,transparent);box-shadow:0 0 8px #9d4edda6 0 0 15px #772dff40}
.contact-form .intro{margin:0 0 .45rem;color:#ebe1f8b8;line-height:1.6}
.contact-form .field{display:flex;flex-direction:column;gap:.35rem;margin-top:.85rem}
.contact-form label{color:#f6f0ffe6;font-weight:600;cursor:pointer}
.contact-form input,.contact-form textarea{width:100%;min-width:0;padding:.75rem .85rem;color:#f7f1ff;caret-color:#c77dff;background:linear-gradient(135deg,#05030ac7,#0c0714cc);border:1px solid #9d4edd38;border-radius:9px;outline:none;box-shadow:inset 0 1px 4px #00000047 inset 0 1px 0 #ffffff05;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .2s ease}
.contact-form textarea{resize:vertical}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ebe1f866}
.contact-form input:hover,.contact-form textarea:hover{border-color:#b146ff61}
.contact-form input:focus,.contact-form textarea:focus{background:#08050ff2;border-color:#be6effcc;box-shadow:0 0 0 3px #772dff1f 0 0 16px #772dff1c inset 0 1px 4px #00000040;transform:translateY(-1px)}
.contact-form input:invalid:not(:placeholder-shown),.contact-form textarea:invalid:not(:placeholder-shown){border-color:#ff669980}
.contact-form input:valid:not(:placeholder-shown),.contact-form textarea:valid:not(:placeholder-shown){border-color:#966eff80}
.contact-form button{width:100%;margin-top:.95rem;padding:.72rem .9rem;color:#fff;font-family:inherit;font-weight:600;background:linear-gradient(135deg,#6f2cff,#9d4edd);border:1px solid #cc99ff40;border-radius:9px;box-shadow:0 8px 18px #4f18a042 inset 0 1px 0 #ffffff24;cursor:pointer;transition:transform .2s ease,filter .2s ease,border-color .2s ease,box-shadow .2s ease}
.contact-form button:hover{transform:translateY(-1px);filter:brightness(1.1);border-color:#dcb4ff6b;box-shadow:0 10px 22px #772dff57 0 0 14px #9d4edd29 inset 0 1px 0 #ffffff29}
.contact-form button:active{transform:translateY(0);filter:brightness(0.98)}
.contact-form button:focus-visible{outline:2px solid #c77dffe6;outline-offset:3px}
.contact-form button:disabled{cursor:not-allowed;opacity:.5;filter:saturate(0.65);transform:none}
.contact-form .note{display:block;margin-top:.55rem;color:#ebe1f885;text-align:center}
@media (max-width: 576px) {
.contact-section{padding:.7rem;border-radius:12px}
.contact-form{padding:.9rem;border-radius:11px}
}
@media (prefers-reduced-motion: reduce) {
.contact-form,.contact-form input,.contact-form textarea,.contact-form button{transition:none}
.contact-form input:focus,.contact-form textarea:focus,.contact-form button:hover{transform:none}
}
.scroll-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:-15px;z-index:99999;background-color:var(--link-color);width:44px;height:44px;border-radius:50px;transition:all .4s}
.scroll-top i{font-size:24px;color:var(--footer-bg-color);line-height:0}
.scroll-top:hover{background-color:color-mix(in srgb,var(--link-color),transparent 20%);color:var(--footer-bg-color)}
.scroll-top.active{visibility:visible;opacity:1;bottom:15px}
.moving-img{width:279px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.moving-img img{display:block;max-width:100%;height:auto;animation:joystick-float 4s ease-in-out infinite;filter:drop-shadow(0 12px 18px #772dff38)}
@keyframes joystick-float {
0%,100%{transform:translateY(0) rotate(-1deg)}
50%{transform:translateY(-8px) rotate(1deg)}
}
@media (prefers-reduced-motion: reduce) {
.moving-img img{animation:none}
}
.title{position:relative;width:fit-content;margin-left:0;margin-right:0;padding-bottom:.55rem;color:#f5efff;text-align:left;text-shadow:0 0 12px #9d4edd38 0 2px 8px #00000059;animation:title-reveal .7s ease both}
.title::before{content:"";position:absolute;left:0;bottom:0;width:3rem;height:3px;border-radius:999px;background:linear-gradient(90deg,#7b2cff,#bd6cff,transparent);box-shadow:0 0 8px #9d4edda6 0 0 16px #772dff4d;animation:title-line .9s ease .2s both}
.title::after{content:"";position:absolute;left:0;bottom:-2px;width:7px;height:7px;border-radius:50%;background:#c77dff;box-shadow:0 0 12px #c77dffe6}
@keyframes title-reveal {
from{opacity:0;transform:translateX(-12px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes title-line {
from{width:0;opacity:0}
to{width:3rem;opacity:1}
}
@media (prefers-reduced-motion: reduce) {
.title,.title::before{animation:none}
}
.heading{position:relative;padding-bottom:.75rem;text-align:center}
.heading h2{position:relative;display:inline-block;margin-top:0;margin-bottom:.8rem;padding-bottom:.65rem;color:#f6f0ff;text-shadow:0 0 14px #9d4edd40 0 3px 10px #0006;animation:heading-reveal .7s ease both}
.heading h2::before{content:"";position:absolute;left:50%;bottom:0;width:70px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,#7b2cff,#c77dff,#7b2cff,transparent);box-shadow:0 0 8px #9d4eddb3 0 0 16px #772dff4d;transform:translateX(-50%);animation:heading-line .9s ease .15s both}
.heading h2::after{content:"";position:absolute;left:50%;bottom:-2px;width:7px;height:7px;border-radius:50%;background:#d3a0ff;box-shadow:0 0 12px #c77dfff2;transform:translateX(-50%)}
.heading p{margin:0 auto;line-height:1.7;text-wrap:balance;animation:heading-text-reveal .7s ease .15s both}
@keyframes heading-reveal {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes heading-line {
from{width:0;opacity:0}
to{width:70px;opacity:1}
}
@keyframes heading-text-reveal {
from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion: reduce) {
.heading h2,.heading h2::before,.heading p{animation:none}
}
.modern-style{display:grid;gap:.9rem}
.modern-style h3{position:relative;display:flex;align-items:center;gap:.55rem;margin:.6rem 0 0;padding:.75rem .9rem;color:#f5efff;background:radial-gradient(circle at 100% 0%,#9d4edd29,transparent 42%),linear-gradient(135deg,#180e27e6,#0a0711f0);border:1px solid #9d4edd33;border-left:3px solid #9d4edd;border-radius:10px;box-shadow:0 8px 20px #0003 inset 0 1px 0 #ffffff09;text-shadow:0 0 12px #9d4edd33;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.modern-style h3:hover{transform:translateX(4px);border-color:#be6eff6b;box-shadow:0 10px 24px #00000040 0 0 18px #772dff14}
.modern-style h3 span{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex:0 0 2rem;background:#772dff21;border:1px solid #c77dff33;border-radius:8px;filter:drop-shadow(0 0 6px #9d4edd52)}
.modern-style p{margin:0;padding:.2rem .35rem .6rem 1rem;color:#ebe1f8c2;line-height:1.7;border-left:1px solid #9d4edd29}
@media (prefers-reduced-motion: reduce) {
.modern-style h3{transition:none}
.modern-style h3:hover{transform:none}
}
.flex-list{display:flex;flex-wrap:wrap;column-gap:25px;list-style-position:inside}
.error-page{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 25%,#772dff33,transparent 34%),radial-gradient(circle at 85% 75%,#9d4edd21,transparent 32%),linear-gradient(135deg,#050409 0%,#10091d 50%,#08050f 100%)}
.error-page::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#9d4edd09 1px,transparent 1px),linear-gradient(90deg,#9d4edd09 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}
.error-page::after{content:"";position:absolute;width:240px;height:240px;top:12%;right:8%;border:1px solid #c77dff1f;border-radius:50%;box-shadow:0 0 50px #772dff14 inset 0 0 45px #9d4edd0f;animation:error-orbit 8s ease-in-out infinite alternate}
.error-page .container{position:relative;z-index:1}
.error-page .col-md-8{position:relative;padding:1.25rem;background:radial-gradient(circle at 50% 0%,#9d4edd24,transparent 42%),linear-gradient(145deg,#150c22e0,#08060ef0);border:1px solid #9d4edd33;border-radius:16px;box-shadow:0 18px 42px #00000061 0 0 26px #772dff12 inset 0 1px 0 #ffffff0a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.error-page .display-1{position:relative;width:fit-content;margin-inline:auto;color:transparent;background:linear-gradient(135deg,#fff 0%,#d7b3ff 35%,#9d4edd 70%,#6f2cff 100%);background-clip:text;-webkit-background-clip:text;text-shadow:0 0 22px #9d4edd38 0 8px 24px #0000004d;animation:error-number 3.5s ease-in-out infinite}
.error-page .display-1::after{content:"";position:absolute;left:50%;bottom:0;width:70%;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,#7b2cff,#c77dff,#7b2cff,transparent);box-shadow:0 0 12px #9d4edd99;transform:translateX(-50%)}
.error-page h2{color:#f6f0ff;text-shadow:0 0 14px #9d4edd2e 0 3px 10px #00000059}
.error-page p{color:#ebe1f8b8;line-height:1.7}
.error-page .btn{border-radius:9px;font-weight:600;transition:transform .2s ease,filter .2s ease,border-color .2s ease,box-shadow .2s ease}
.error-page .btn-primary{color:#fff;background:linear-gradient(135deg,#6f2cff,#9d4edd);border-color:#cc99ff40;box-shadow:0 8px 18px #4f18a047 inset 0 1px 0 #ffffff24}
.error-page .btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 11px 24px #772dff59 0 0 16px #9d4edd29}
.error-page .btn-outline-secondary{color:#f6f0ffdb;background:#0a07118c;border-color:#9d4edd4d}
.error-page .btn-outline-secondary:hover{color:#fff;background:#772dff21;border-color:#be6eff9e;transform:translateY(-2px);box-shadow:0 8px 18px #00000038 0 0 14px #772dff1a}
.error-page .btn:focus-visible{outline:2px solid #c77dffe6;outline-offset:3px}
@keyframes error-number {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-6px)}
}
@keyframes error-orbit {
from{transform:translateY(0) rotate(0deg)}
to{transform:translateY(14px) rotate(8deg)}
}
@media (max-width: 576px) {
.error-page .col-md-8{padding:1rem;border-radius:13px}
.error-page::after{width:170px;height:170px;right:-45px}
}
@media (prefers-reduced-motion: reduce) {
.error-page::after,.error-page .display-1{animation:none}
.error-page .btn{transition:none}
.error-page .btn:hover{transform:none}
}
.navbar-toggler-icon {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

}

h1 .colored{position:relative;display:inline-block;color:transparent;background:linear-gradient(90deg,#8b3dff,#c77dff,#fff,#9d4edd,#8b3dff);background-size:220% auto;background-clip:text;-webkit-background-clip:text;text-shadow:0 0 14px #9d4edd47 0 0 28px #772dff1f;animation:colored-title-shine 5s linear infinite,colored-title-reveal .7s ease both}
h1 .colored::after{content:"";position:absolute;left:0;bottom:-.12em;width:100%;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,#7b2cff,#c77dff,transparent);box-shadow:0 0 8px #9d4edda6 0 0 16px #772dff40;transform-origin:left;animation:colored-title-line .9s ease .15s both}
@keyframes colored-title-shine {
from{background-position:0 center}
to{background-position:220% center}
}
@keyframes colored-title-reveal {
from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes colored-title-line {
from{opacity:0;transform:scaleX(0)}
to{opacity:1;transform:scaleX(1)}
}
@media (prefers-reduced-motion: reduce) {
h1 .colored,h1 .colored::after{animation:none}
}