:root{--rs-red:#ff1744;--rs-red2:#ff003c;--rs-blue:#287bff;--rs-cyan:#00eaff;--rs-bg:#03050a;--rs-panel:rgba(9,13,23,.82);--rs-line:rgba(0,234,255,.20);--rs-text:#f4f7ff;--rs-muted:#8996aa}
html{background:var(--rs-bg);scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 8%,rgba(255,23,68,.14),transparent 28rem),radial-gradient(circle at 88% 18%,rgba(0,234,255,.11),transparent 30rem),radial-gradient(circle at 50% 100%,rgba(40,123,255,.10),transparent 34rem),var(--rs-bg)!important;color:var(--rs-text)!important;position:relative;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(0,234,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,23,68,.03) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 90%);animation:rs-grid 18s linear infinite}
body:after{content:"";position:fixed;inset:-30%;pointer-events:none;z-index:0;background:conic-gradient(from 0deg,transparent,rgba(255,23,68,.06),transparent 25%,rgba(0,234,255,.05),transparent 55%);animation:rs-spin 26s linear infinite}
.public-header,.site-header,.top,.side,aside,.public-footer,footer,main,.app,.shell{position:relative;z-index:1}
button,input,select,textarea{font-family:inherit}.button,.btn,.header-cta,.actions button,.card button,button[type=submit]{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 0 0 transparent}.button:hover,.btn:hover,.header-cta:hover,.actions button:hover,.card button:hover,button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 0 22px rgba(255,23,68,.35),0 0 35px rgba(0,234,255,.10)}
.public-logo,.logo,.brand{position:relative;text-shadow:0 0 16px rgba(255,23,68,.45)}
.public-logo:after,.logo:after,.brand:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(0,234,255,.22);border-radius:inherit;opacity:.65;animation:rs-pulse 2.8s ease-in-out infinite;pointer-events:none}
.card,.panel,.project-card,.text-panel,.news-item,.team-card,.service,.project,.hero-visual,.hero,.stat,.roles,.module,.ultimate-module,.member-card,.guild-card,.sync-card,.timeline-card,.ticket-message,.ticket-head,.form.compact,.login-card,.dash aside,.content,.topbar,.auth .card{box-shadow:0 0 24px rgba(0,234,255,.055),inset 0 0 28px rgba(255,23,68,.025);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.card:hover,.panel:hover,.project-card:hover,.text-panel:hover,.news-item:hover,.team-card:hover,.service:hover,.project:hover,.stat:hover,.module:hover,.ultimate-module:hover,.member-card:hover,.guild-card:hover,.sync-card:hover{transform:translateY(-4px);border-color:rgba(0,234,255,.45)!important;box-shadow:0 0 30px rgba(0,234,255,.10),0 0 42px rgba(255,23,68,.06),inset 0 0 30px rgba(0,234,255,.025)}
.public-header,.site-header{background:rgba(3,5,10,.80)!important;border-bottom:1px solid rgba(0,234,255,.20)!important;backdrop-filter:blur(18px)}
.public-header nav a.active:after,.site-header nav a.active:after{background:linear-gradient(90deg,var(--rs-red),var(--rs-cyan))!important;box-shadow:0 0 12px rgba(0,234,255,.6)}
@keyframes rs-grid{to{background-position:52px 52px}}@keyframes rs-spin{to{transform:rotate(360deg)}}@keyframes rs-pulse{0%,100%{opacity:.25;transform:scale(.995)}50%{opacity:.9;transform:scale(1.01)}}