.feat-bg{background:#0a0a0f}.feat-surface{background:#13131a}.feat-surface-elevated{background:#1c1c27}.feat-border{border-color:#2a2a3a}.glass-card{background:#13131ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #6c63ff2e;border-radius:16px}.gradient-btn{background:linear-gradient(135deg,#6c63ff,#8a83ff);color:#fff;font-weight:600;border-radius:10px;position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.gradient-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0000,#ffffff26 50%,#0000);transform:translateX(-100%);transition:transform .5s ease}.gradient-btn:hover:after{transform:translateX(100%)}.gradient-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #6c63ff66}.gradient-btn:active{transform:translateY(0)}.ghost-btn{background:#0000;color:#f0f0ff;font-weight:600;border-radius:10px;border:1px solid #2a2a3a;transition:border-color .15s,background .15s}.ghost-btn:hover{border-color:#6c63ff;background:#6c63ff14}@keyframes feat-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes feat-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes feat-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes feat-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes feat-dot-pulse{0%,to{box-shadow:0 0 0 0 #ef444499}50%{box-shadow:0 0 0 6px #ef444400}}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feat-page-enter{animation:feat-slide-up .4s ease-out forwards}.feat-scale-in{animation:feat-scale-in .3s ease-out forwards}.feat-skeleton{background:linear-gradient(90deg,#1c1c27 25%,#2a2a3a 50%,#1c1c27 75%);background-size:200% 100%;animation:feat-shimmer 1.5s infinite;border-radius:8px}.renewal-pulse{animation:feat-dot-pulse 1.5s infinite}.toast-enter{animation:toast-in .3s ease-out forwards}.feat-row-hover:hover{background:#6c63ff0f;border-left:3px solid #6c63ff}.feat-card-hover{transition:transform .15s,box-shadow .15s}.feat-card-hover:hover{transform:scale(1.015);box-shadow:0 0 0 1px #6c63ff66,0 8px 24px #0006}.feat-tab-active{border-bottom:2px solid #6c63ff;color:#f0f0ff}.feat-blur-overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0a0a0f80;border-radius:12px}.mesh-bg{background:radial-gradient(ellipse at 20% 50%,#6c63ff26 0,#0000 60%),radial-gradient(ellipse at 80% 20%,#8a83ff1a 0,#0000 50%),radial-gradient(ellipse at 60% 80%,#22c55e0f 0,#0000 50%),#0a0a0f}