@layer components{.spike-shell{--spike-yellow:#ffd101;--spike-yellow-10:rgba(255,209,1,.1);--spike-yellow-20:rgba(255,209,1,.2);--spike-border-soft:rgba(255,255,255,.1);--spike-border-accent:rgba(255,209,1,.35);--spike-text-muted:rgba(255,255,255,.7);--spike-card-radius:1.25rem;--spike-card-shadow:0 18px 45px rgba(0,0,0,.75);--spike-card-shadow-soft:0 14px 35px rgba(0,0,0,.65);--spike-card-shadow-hover:0 22px 50px rgba(0,0,0,.85);color:#fff;background:radial-gradient(circle at 0 0,#303030 0%,#050505 40%,#000 100%)}.spike-shell .spike-card{border-radius:var(--spike-card-radius);border-width:1px;border-color:var(--spike-border-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--spike-card-shadow);background:radial-gradient(circle at 0 0,rgba(255,209,1,.05),rgba(18,18,18,.96))}.spike-shell .spike-card--accent-border{border-color:var(--spike-border-accent)}.spike-shell .spike-card--soft{border-radius:var(--spike-card-radius);border-width:1px;border-color:var(--spike-border-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--spike-card-shadow-soft);background:radial-gradient(circle at 0 0,rgba(255,255,255,.04),rgba(0,0,0,.55))}.spike-shell .spike-card--hover{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.spike-shell .spike-card--hover:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));box-shadow:var(--spike-card-shadow-hover);border-color:rgba(255,209,1,.45)}.spike-shell .spike-section-kicker{text-transform:uppercase;letter-spacing:.22em;color:#d4d4d4;font-size:.7rem;font-weight:600}.spike-shell .spike-btn{border-width:1px;border-radius:9999px;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;line-height:1rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.spike-shell .spike-btn:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-color:rgba(255,209,1,.3);outline:2px solid transparent}.spike-shell .spike-btn:disabled{cursor:not-allowed;opacity:.5}.spike-shell .spike-btn--primary{color:var(--spike-yellow);background-color:rgba(255,209,1,.1);border-color:rgba(255,209,1,.6)}.spike-shell .spike-btn--primary:hover{background-color:rgba(255,209,1,.2)}.spike-shell .spike-btn--secondary{color:rgba(255,255,255,.9);background-color:rgba(0,0,0,.4);border-color:rgba(255,255,255,.15)}.spike-shell .spike-btn--secondary:hover{background-color:rgba(0,0,0,.55);border-color:rgba(255,209,1,.4)}.spike-shell .spike-btn--ghost{color:rgba(255,255,255,.9);background-color:rgba(0,0,0,.5);border-color:rgba(255,255,255,.15)}.spike-shell .spike-btn--ghost:hover{color:#fff;border-color:rgba(255,209,1,.45)}.spike-shell .spike-btn--pressable:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.spike-shell .spike-btn--primary-soft{color:var(--spike-yellow);background-color:rgba(255,209,1,.1);border-color:rgba(255,209,1,.5)}.spike-shell .spike-btn--primary-soft:hover{background-color:rgba(255,209,1,.2)}.spike-shell .spike-pill{text-transform:uppercase;letter-spacing:.16em;color:#f5f5f5;background-color:rgba(0,0,0,.6);border-width:1px;border-color:rgba(255,255,255,.15);border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;line-height:1rem;display:inline-flex}.spike-shell .spike-icon-btn{color:rgba(255,255,255,.9);background-color:rgba(0,0,0,.5);border-width:1px;border-color:rgba(255,255,255,.15);border-radius:9999px;padding:.5rem;font-size:.75rem;font-weight:600;line-height:1rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.spike-shell .spike-icon-btn:hover{color:#fff;border-color:rgba(255,209,1,.45)}.spike-shell .spike-icon-btn:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-color:rgba(255,209,1,.3);outline:2px solid transparent}.spike-shell .spike-bg-accent{pointer-events:none;filter:blur(80px);border-radius:9999px;position:absolute}.spike-shell .spike-bg-accent--primary{background:radial-gradient(circle,rgba(255,209,1,.18),transparent 60%)}.spike-shell .spike-bg-accent--soft{background:radial-gradient(circle,rgba(255,255,255,.06),transparent 60%)}.spike-shell .spike-bg-accent--warm{background:radial-gradient(circle,rgba(255,209,1,.12),transparent 60%)}.spike-shell .spike-card--accent{color:#f5f5f5;background:radial-gradient(circle at 20% 20%,rgba(255,209,1,.08),rgba(0,0,0,.72));border-width:1px;border-color:rgba(255,209,1,.3);border-radius:1rem;box-shadow:0 12px 32px rgba(0,0,0,.5)}.spike-shell .spike-inner-card{border-width:1px;border-color:var(--spike-border-soft);background-color:rgba(0,0,0,.4);border-radius:1rem}.spike-shell .spike-inner-card--highlight{border-width:1px;border-color:var(--spike-border-soft);color:#f5f5f5;background:radial-gradient(circle at 25% 20%,rgba(255,209,1,.08),rgba(0,0,0,.75));border-radius:1rem;font-size:.875rem;line-height:1.25rem;box-shadow:0 14px 35px rgba(0,0,0,.55)}.spike-shell .spike-icon-card{align-items:flex-start;gap:.75rem;display:flex}.spike-shell .spike-icon-card>img,.spike-shell .spike-icon-card>span>img{flex-shrink:0}.spike-shell .spike-icon-header{align-items:center;gap:.75rem;display:flex}.spike-shell .spike-icon-feature{align-items:flex-start;gap:1rem;display:flex}.spike-shell .spike-icon-feature>img,.spike-shell .spike-icon-feature>span>img{flex-shrink:0}.spike-shell .spike-icon{opacity:.9;flex-shrink:0}.spike-shell .spike-icon--hover{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.spike-shell .spike-icon--hover:hover{filter:drop-shadow(0 0 8px rgba(255,209,1,.5))}.spike-shell .spike-header{z-index:40;border-bottom-width:1px;border-color:var(--spike-border-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(10,10,10,.95),rgba(0,0,0,.95));position:-webkit-sticky;position:sticky;top:0}.spike-shell .spike-lang-toggle{text-transform:uppercase;letter-spacing:.14em;color:#d4d4d4;background-color:rgba(0,0,0,.6);border-width:1px;border-color:rgba(255,255,255,.15);border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem;font-size:.65rem;font-weight:600;display:inline-flex}.spike-shell .spike-lang-btn{border-radius:9999px;padding:.25rem .625rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.spike-shell .spike-lang-btn:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-color:rgba(255,209,1,.3);outline:2px solid transparent}.spike-shell .spike-lang-btn--active{background-color:var(--spike-yellow);color:#141414}.spike-shell .spike-lang-btn--inactive{color:rgba(255,255,255,.7)}.spike-shell .spike-lang-btn--inactive:hover{color:#fff}.spike-shell .spike-nav-dot{color:#141414;background:linear-gradient(135deg,#ffd101,#ffb526);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;font-size:.7rem;font-weight:800;display:flex;box-shadow:0 0 0 1px rgba(0,0,0,.35)}.spike-shell .spike-footer{text-align:center;color:rgba(255,255,255,.55);padding:1.5rem 1.5rem 3rem;font-size:.75rem;line-height:1rem}.spike-shell .spike-textarea{resize:none;color:#fff;background-color:rgba(0,0,0,.55);border-width:1px;border-color:rgba(255,255,255,.15);border-radius:.75rem;width:100%;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.spike-shell .spike-textarea::placeholder{color:rgba(255,255,255,.35)}.spike-shell .spike-textarea:focus{border-color:var(--spike-yellow);outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-color:rgba(255,209,1,.3);outline:2px solid transparent}}