:root{--s3-primary:#8b5cf6;--s3-primary-light:#a78bfa;--s3-primary-dark:#7c3aed;--s3-accent:#ec4899;--s3-accent-light:#f472b6;--s3-bg:#faf8ff;--s3-card:#ffffffb3;--s3-card-border:#8b5cf61a;--s3-text:#1f1133;--s3-text-secondary:#4c1d95;--s3-muted:#6b7280}.s3-theme{color:#1f1133;background-color:#faf8ff}.s3-card{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #8b5cf61a;border-radius:1rem}.s3-card-hover{transition:all .3s}.s3-card-hover:hover{background:#ffffffe6;border-color:#8b5cf633;box-shadow:0 8px 32px #8b5cf626}.s3-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.s3-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf64d}.s3-btn-primary:active{transform:translateY(0)}.s3-btn-secondary{color:#8b5cf6;cursor:pointer;background:0 0;border:1.5px solid #8b5cf6;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.s3-btn-secondary:hover{background:#8b5cf60d;border-color:#a78bfa}.s3-btn-accent{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.s3-btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ec48994d}.s3-text-gradient{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.s3-input{color:#1f1133;background:#ffffff80;border:1px solid #8b5cf633;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;transition:all .3s}.s3-input::placeholder{color:#9ca3af}.s3-input:focus{background:#fffc;border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.s3-badge{color:#8b5cf6;background:#8b5cf61a;border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;font-weight:600}.s3-badge-accent{color:#ec4899;background:#ec48991a}.s3-progress-bar{background:#8b5cf61a;border-radius:9999px;height:.5rem;overflow:hidden}.s3-progress-bar>div{background:linear-gradient(90deg,#8b5cf6 0%,#ec4899 100%);border-radius:9999px;height:100%;transition:width .3s}.s3-theme::-webkit-scrollbar{width:8px}.s3-theme::-webkit-scrollbar-track{background:#8b5cf60d}.s3-theme::-webkit-scrollbar-thumb{background:linear-gradient(#8b5cf6,#ec4899);border-radius:4px}.s3-theme::-webkit-scrollbar-thumb:hover{background:linear-gradient(#a78bfa,#f472b6)}.s3-hero-pattern{background-image:radial-gradient(circle at 1px 1px,#8b5cf60d 1px,#0000 1px);background-size:50px 50px}.s3-divider{background:linear-gradient(90deg,#0000,#8b5cf633,#0000);height:1px}.s3-select{color:#1f1133;cursor:pointer;appearance:none;background:#ffffff80 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b5cf6' d='M6 9L1 4h10z'/%3E%3C/svg%3E") right .75rem center no-repeat;border:1px solid #8b5cf633;border-radius:.75rem;padding:.75rem 2.5rem .75rem 1rem}.s3-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}.s3-blob{animation:6s ease-in-out infinite float}