/* ==========================================================================
   SphereOrbit Elementor Widgets — Shared Styles
   Scoped with .soew- prefix so it never leaks into the rest of the theme.
   ========================================================================== */

.soew-container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
[class^="soew-"] , [class*=" soew-"] { box-sizing: border-box; font-family: 'Plus Jakarta Sans', sans-serif; }
[class^="soew-"] i, [class*=" soew-"] i { font-family: inherit; }
.soew-container i.fas, .soew-container i.far, .soew-container i.fab { font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important; }

/* ---------- Keyframes ---------- */
@keyframes soew-pulse-glow { 0%, 100% { opacity: .35; transform: scale(1); } 50% { opacity: .65; transform: scale(1.08); } }
@keyframes soew-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes soew-sheen-move { 0% { transform: translateX(-120%) skewX(-20deg); } 30%, 100% { transform: translateX(220%) skewX(-20deg); } }
@keyframes soew-shimmer-move { 0%, 75% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
@keyframes soew-ping { 75%, 100% { transform: scale(2); opacity: 0; } }
@keyframes soew-spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
	.soew-ambient-glow::before, .soew-float, .soew-sheen::after, .soew-shimmer-text, .soew-pulse-dot::before { animation: none !important; }
}

/* ---------- Badges / eyebrow ---------- */
.soew-badge { display: inline-flex; align-items: center; gap: 10px; padding: 6px 16px; border-radius: 999px; background: rgba(31,39,56,.9); border: 1px solid rgba(0,229,255,.3); width: fit-content; font-family: 'JetBrains Mono', monospace; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: #c3f5ff; font-weight: 600; }
.soew-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-family: 'JetBrains Mono', monospace; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: #c3f5ff; font-weight: 600; margin-bottom: 12px; }
.soew-eyebrow-simple { display: block; font-family: 'JetBrains Mono', monospace; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: #c3f5ff; font-weight: 600; margin-bottom: 10px; }

.soew-pulse-dot { position: relative; display: inline-flex; height: 10px; width: 10px; border-radius: 999px; background: #00e5ff; box-shadow: 0 0 8px rgba(0,229,255,.9); }
.soew-pulse-dot::before { content: ''; position: absolute; inset: 0; border-radius: 999px; background: #00e5ff; opacity: .75; animation: soew-ping 1.6s cubic-bezier(0,0,.2,1) infinite; }
.soew-pulse-dot-sm { height: 8px; width: 8px; }

/* ---------- Section headers ---------- */
.soew-section-heading { font-size: clamp(28px, 4vw, 44px); font-weight: 800; color: #fff; line-height: 1.15; letter-spacing: -.01em; margin: 8px 0; }
.soew-section-desc { font-size: 16px; color: #94a3b8; line-height: 1.6; max-width: 640px; }
.soew-section-header { margin-bottom: 48px; }
.soew-text-center { text-align: center; margin-left: auto; margin-right: auto; }
.soew-text-center .soew-section-desc { margin-left: auto; margin-right: auto; }

/* ---------- Buttons ---------- */
.soew-btn { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 28px; border-radius: 12px; font-weight: 700; font-size: 15px; text-decoration: none; transition: all .2s ease; cursor: pointer; border: none; }
.soew-btn-primary { background: #00e5ff; color: #00363d; box-shadow: 0 0 25px rgba(0,229,255,.4); }
.soew-btn-primary:hover { background: #5aeaff; transform: translateY(-2px); box-shadow: 0 0 35px rgba(0,229,255,.7); color: #00363d; }
.soew-btn-secondary { background: rgba(23,29,43,.8); border: 1px solid #334155; color: #e1e7f0; }
.soew-btn-secondary:hover { background: #1f2738; border-color: rgba(0,229,255,.4); color: #e1e7f0; }
.soew-sheen::after { content: ''; position: absolute; top: -50%; left: -20%; width: 40%; height: 200%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.4), transparent); animation: soew-sheen-move 5.5s cubic-bezier(.4,0,.2,1) infinite; pointer-events: none; }
.soew-btn i { font-size: 15px; }

/* ---------- Hero ---------- */
.soew-hero-section { position: relative; padding: 96px 0; overflow: hidden; background: #0b0f17; }
.soew-ambient-glow::before { content: ''; position: absolute; top: 20%; left: 50%; transform: translate(-50%, -50%); width: 950px; height: 580px; max-width: 90vw; background: radial-gradient(circle, rgba(0,229,255,.12), transparent 70%); filter: blur(80px); pointer-events: none; animation: soew-pulse-glow 7s ease-in-out infinite; z-index: 0; }
.soew-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr; gap: 48px; align-items: center; }
@media (min-width: 992px) { .soew-hero-grid { grid-template-columns: 1fr 1fr; gap: 64px; } }
.soew-hero-copy { display: flex; flex-direction: column; gap: 24px; }
.soew-hero-heading { font-size: clamp(32px, 5vw, 56px); font-weight: 800; letter-spacing: -.02em; line-height: 1.12; margin: 0; }
.soew-hero-heading-gradient { background-image: linear-gradient(90deg,#c3f5ff,#7bd2f4,#fff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.soew-hero-subheading { font-size: 18px; line-height: 1.7; max-width: 560px; margin: 0; }
.soew-hero-buttons { display: flex; flex-wrap: wrap; gap: 16px; }
.soew-stats-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding-top: 24px; margin-top: 16px; border-top: 1px solid rgba(51,65,85,.5); }
.soew-stat-value { font-family: 'JetBrains Mono', monospace; font-size: clamp(20px, 2.4vw, 28px); font-weight: 700; color: #fff; }
.soew-stat-label { font-size: 12px; color: #94a3b8; margin-top: 4px; font-weight: 500; }
.soew-shimmer-text { background: linear-gradient(90deg,#fff 0%,#fff 40%,#00e5ff 60%,#fff 80%,#fff 100%); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; animation: soew-shimmer-move 8s linear infinite; }

.soew-mockup-panel { border-radius: 16px; background: #121722; border: 1px solid rgba(51,65,85,.8); padding: 10px; box-shadow: 0 25px 50px -12px rgba(0,0,0,.4); }
.soew-float { animation: soew-float 8s ease-in-out infinite; }
.soew-mockup-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 10px 14px; background: #171d2b; border-radius: 12px 12px 0 0; border-bottom: 1px solid rgba(51,65,85,.5); }
.soew-window-dots { display: flex; align-items: center; gap: 8px; }
.soew-dot { width: 12px; height: 12px; border-radius: 999px; }
.soew-dot-red { background: rgba(239,68,68,.8); } .soew-dot-yellow { background: rgba(234,179,8,.8); } .soew-dot-green { background: rgba(16,185,129,.8); }
.soew-window-label { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #94a3b8; margin-left: 6px; }
.soew-status-chip { display: inline-flex; align-items: center; gap: 8px; padding: 3px 12px; border-radius: 999px; background: rgba(2,44,34,.7); border: 1px solid rgba(52,211,153,.4); font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #34d399; }
.soew-mockup-image-wrap { position: relative; border-radius: 0 0 12px 12px; overflow: hidden; background: #070a0f; }
.soew-mockup-image-wrap img { width: 100%; height: auto; display: block; }
.soew-metric-chip { position: absolute; bottom: 16px; left: 16px; right: 16px; max-width: 300px; display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 12px; background: rgba(31,39,56,.9); border: 1px solid rgba(0,229,255,.3); backdrop-filter: blur(8px); }
.soew-metric-icon { width: 36px; height: 36px; border-radius: 8px; background: rgba(0,229,255,.15); color: #c3f5ff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.soew-metric-label { font-family: 'JetBrains Mono', monospace; font-size: 11px; text-transform: uppercase; color: #c3f5ff; font-weight: 600; }
.soew-metric-value { font-size: 14px; font-weight: 700; color: #fff; font-family: 'JetBrains Mono', monospace; }

/* ---------- Problem Selector ---------- */
.soew-problems-section { padding: 80px 0; background: #070a0f; }
.soew-problems-grid { display: grid; grid-template-columns: 1fr; gap: 20px; margin-bottom: 24px; }
@media (min-width: 640px) { .soew-problems-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1200px) { .soew-problems-grid { grid-template-columns: repeat(4, 1fr); } }
.soew-problem-card { cursor: pointer; padding: 24px; border-radius: 18px; background: #171d2b; border: 1px solid #1e293b; transition: all .25s ease; }
.soew-hover-lift:hover { transform: translateY(-4px); border-color: rgba(0,229,255,.5); }
.soew-problem-card.is-active { border-color: #00e5ff; box-shadow: 0 0 24px rgba(0,229,255,.18); background: #1f2738; }
.soew-problem-icon { width: 48px; height: 48px; border-radius: 12px; background: #1f2738; border: 1px solid rgba(51,65,85,.6); color: #c3f5ff; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; font-size: 20px; }
.soew-problem-card-title { font-size: 17px; font-weight: 700; color: #fff; margin: 0 0 8px; line-height: 1.4; }
.soew-problem-card-desc { font-size: 14px; color: #94a3b8; line-height: 1.6; margin: 0; }
.soew-problem-card-footer { margin-top: 22px; padding-top: 14px; border-top: 1px solid rgba(51,65,85,.4); display: flex; align-items: center; justify-content: space-between; font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #c3f5ff; font-weight: 600; }

.soew-diagnostic-banner { position: relative; padding: 32px; border-radius: 18px; background: rgba(23,29,43,.9); border: 1px solid rgba(0,229,255,.3); min-height: 200px; }
.soew-diagnostic-content { display: none; flex-direction: column; gap: 24px; }
.soew-diagnostic-content.is-active { display: flex; }
@media (min-width: 992px) { .soew-diagnostic-content.is-active { flex-direction: row; align-items: center; justify-content: space-between; } }
.soew-diagnostic-badge { display: inline-flex; align-items: center; gap: 8px; padding: 4px 12px; border-radius: 8px; background: rgba(0,229,255,.1); border: 1px solid rgba(0,229,255,.3); color: #c3f5ff; font-family: 'JetBrains Mono', monospace; font-size: 11px; text-transform: uppercase; font-weight: 600; margin-bottom: 12px; }
.soew-diagnostic-title { font-size: 24px; font-weight: 700; color: #fff; margin: 0 0 8px; }
.soew-diagnostic-desc { color: #94a3b8; font-size: 15px; line-height: 1.6; max-width: 700px; margin: 0; }
.soew-diagnostic-meta { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(51,65,85,.5); }
.soew-meta-label { display: block; font-family: 'JetBrains Mono', monospace; font-size: 11px; text-transform: uppercase; color: #7bd2f4; font-weight: 600; margin-bottom: 2px; }
.soew-meta-value { font-size: 14px; font-weight: 600; color: #fff; }
.soew-meta-impact { color: #34d399; }
.soew-diagnostic-actions { flex-shrink: 0; }

/* ---------- Method ---------- */
.soew-method-section { padding: 80px 0; background: #0f131c; }
.soew-method-header { display: flex; flex-direction: column; gap: 16px; margin-bottom: 48px; }
@media (min-width: 768px) { .soew-method-header { flex-direction: row; align-items: flex-end; justify-content: space-between; } }
.soew-method-desc { color: #94a3b8; font-size: 15px; max-width: 380px; margin: 0; }
.soew-stages-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
@media (min-width: 640px) { .soew-stages-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1200px) { .soew-stages-grid { grid-template-columns: repeat(4, 1fr); } }
.soew-stage-card { padding: 28px; border-radius: 18px; background: #121722; border: 1px solid #1e293b; transition: all .25s ease; }
.soew-stage-card:hover { transform: translateY(-4px); box-shadow: 0 0 30px rgba(0,229,255,.15); }
.soew-stage-number { font-family: 'JetBrains Mono', monospace; font-size: 34px; font-weight: 800; color: rgba(40,50,71,.7); margin-bottom: 10px; }
.soew-icon-box-wrap { display: flex; margin-bottom: 6px; }
.soew-icon-box { width: 48px; height: 48px; border-radius: 12px; background: #1f2738; border: 1px solid rgba(51,65,85,.6); display: flex; align-items: center; justify-content: center; font-size: 20px; color: #00e5ff; }
.soew-stage-title { font-size: 19px; font-weight: 700; color: #fff; margin: 12px 0 10px; }
.soew-stage-desc { font-size: 14px; color: #94a3b8; line-height: 1.6; margin: 0 0 20px; }
.soew-stage-bullets { list-style: none; margin: 0; padding-top: 16px; border-top: 1px solid rgba(51,65,85,.5); display: flex; flex-direction: column; gap: 8px; }
.soew-stage-bullets li { display: flex; align-items: center; gap: 8px; font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #94a3b8; }
.soew-stage-bullets i { color: #00e5ff; }

/* ---------- Suites ---------- */
.soew-suites-section { padding: 88px 0; background: #070a0f; }
.soew-suites-list { display: flex; flex-direction: column; gap: 32px; }
.soew-suite-card { border-radius: 24px; background: #121722; border: 1px solid rgba(51,65,85,.7); padding: 32px; transition: all .25s ease; }
.soew-suite-card:hover { border-color: rgba(0,229,255,.4); box-shadow: 0 0 30px rgba(0,229,255,.1); }
.soew-suite-featured .soew-suite-grid { display: grid; grid-template-columns: 1fr; gap: 32px; align-items: center; }
@media (min-width: 992px) { .soew-suite-featured .soew-suite-grid { grid-template-columns: 1fr 1fr; gap: 48px; } .soew-suite-img-left { direction: rtl; } .soew-suite-img-left > * { direction: ltr; } }
.soew-suite-tag { display: inline-block; padding: 4px 12px; border-radius: 6px; background: rgba(0,229,255,.1); border: 1px solid rgba(0,229,255,.3); color: #c3f5ff; font-family: 'JetBrains Mono', monospace; font-size: 11px; text-transform: uppercase; font-weight: 600; margin-bottom: 12px; }
.soew-suite-title { font-size: 26px; font-weight: 800; color: #fff; margin: 0 0 12px; }
.soew-suite-title-sm { font-size: 22px; }
.soew-suite-desc { color: #94a3b8; line-height: 1.6; margin: 0 0 16px; }
.soew-suite-desc-sm { font-size: 14px; }
.soew-suite-bullets-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.soew-suite-bullets-stack { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
.soew-suite-bullet { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #e1e7f0; }
.soew-suite-bullet-dot { width: 8px; height: 8px; border-radius: 999px; background: #00e5ff; flex-shrink: 0; }
.soew-suite-stack { margin-top: 16px; font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #7bd2f4; }
.soew-suite-image-wrap { border-radius: 16px; overflow: hidden; border: 1px solid rgba(51,65,85,.8); background: #070a0f; }
.soew-suite-image-wrap img { width: 100%; height: auto; display: block; }

/* ---------- Case Studies ---------- */
.soew-case-studies-section { padding: 88px 0; background: #0f131c; }
.soew-studies-grid { display: grid; grid-template-columns: 1fr; gap: 28px; }
@media (min-width: 992px) { .soew-studies-grid { grid-template-columns: repeat(3, 1fr); } }
.soew-study-card { border-radius: 22px; background: #121722; border: 1px solid rgba(51,65,85,.7); overflow: hidden; display: flex; flex-direction: column; transition: all .25s ease; }
.soew-study-card:hover { transform: translateY(-4px); border-color: rgba(0,229,255,.5); box-shadow: 0 0 30px rgba(0,229,255,.15); }
.soew-study-image-wrap { position: relative; height: 200px; overflow: hidden; background: #070a0f; }
.soew-study-image-wrap img { width: 100%; height: 100%; object-fit: cover; }
.soew-study-tag { position: absolute; top: 14px; left: 14px; padding: 4px 12px; border-radius: 999px; background: rgba(7,10,15,.85); border: 1px solid #334155; font-family: 'JetBrains Mono', monospace; font-size: 10px; text-transform: uppercase; color: #7bd2f4; font-weight: 600; }
.soew-study-body { padding: 26px; flex: 1; }
.soew-study-title { font-size: 21px; font-weight: 700; color: #fff; margin: 0 0 4px; }
.soew-study-subtitle { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #94a3b8; margin: 0 0 20px; }
.soew-study-block { padding: 14px; border-radius: 12px; background: #171d2b; margin-bottom: 12px; border-left: 3px solid #f87171; }
.soew-study-block-label { display: block; font-family: 'JetBrains Mono', monospace; font-size: 10px; text-transform: uppercase; font-weight: 700; color: #f87171; margin-bottom: 4px; }
.soew-study-fix { border-left-color: #00e5ff; }
.soew-study-fix .soew-study-block-label { color: #00e5ff; }
.soew-study-block p { font-size: 12px; color: #94a3b8; line-height: 1.6; margin: 0; }
.soew-study-footer { padding: 26px; background: #171d2b; border-top: 1px solid rgba(51,65,85,.6); }
.soew-outcome-label { display: block; font-family: 'JetBrains Mono', monospace; font-size: 10px; text-transform: uppercase; letter-spacing: .05em; font-weight: 700; margin-bottom: 4px; }
.soew-outcome-value { font-size: 24px; font-weight: 800; color: #fff; font-family: 'JetBrains Mono', monospace; }
.soew-outcome-detail { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #7bd2f4; margin: 4px 0 0; }

/* ---------- Calculator ---------- */
.soew-calculator-section { padding: 88px 0; background: #070a0f; }
.soew-calc-grid { display: grid; grid-template-columns: 1fr; gap: 32px; align-items: flex-start; }
@media (min-width: 992px) { .soew-calc-grid { grid-template-columns: 1.4fr 1fr; } }
.soew-calc-controls { display: flex; flex-direction: column; gap: 24px; }
.soew-calc-step { padding: 24px; border-radius: 16px; background: #121722; border: 1px solid rgba(51,65,85,.6); }
.soew-calc-step-header { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; font-weight: 700; color: #fff; font-size: 15px; }
.soew-calc-step-num { width: 24px; height: 24px; border-radius: 999px; background: rgba(0,229,255,.2); color: #c3f5ff; font-family: 'JetBrains Mono', monospace; font-size: 12px; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.soew-calc-options { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
@media (min-width: 640px) { .soew-calc-options:not(.soew-calc-options-stacked) { grid-template-columns: repeat(4, 1fr); } }
.soew-calc-options-stacked { grid-template-columns: 1fr; }
@media (min-width: 640px) { .soew-calc-options-stacked { grid-template-columns: repeat(2, 1fr); } }
.soew-calc-option { padding: 10px 14px; border-radius: 12px; background: #171d2b; border: 1px solid transparent; color: #e1e7f0; font-size: 13px; font-weight: 500; cursor: pointer; text-align: left; display: flex; align-items: center; gap: 8px; transition: all .2s ease; }
.soew-calc-option:hover { background: #1f2738; border-color: rgba(0,229,255,.4); }
.soew-calc-option.is-active { color: #00363d; font-weight: 700; box-shadow: 0 0 12px rgba(0,229,255,.4); }

.soew-calc-result { position: sticky; top: 24px; padding: 32px; border-radius: 24px; background: rgba(23,29,43,.9); border: 1px solid rgba(0,229,255,.5); }
.soew-calc-result-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid rgba(51,65,85,.6); font-family: 'JetBrains Mono', monospace; font-size: 11px; text-transform: uppercase; color: #c3f5ff; font-weight: 600; }
.soew-calc-result-body { margin-top: 20px; }
.soew-calc-result-eyebrow { font-family: 'JetBrains Mono', monospace; font-size: 11px; text-transform: uppercase; color: #7bd2f4; font-weight: 600; }
.soew-calc-blueprint-title { font-size: 22px; font-weight: 700; color: #fff; margin: 6px 0 20px; line-height: 1.4; transition: opacity .15s ease; }
.soew-calc-summary { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.soew-calc-summary-row { display: flex; align-items: center; justify-content: space-between; padding: 12px; border-radius: 12px; background: #171d2b; border: 1px solid rgba(51,65,85,.6); font-size: 13px; color: #94a3b8; }
.soew-calc-summary-row strong { color: #fff; font-weight: 600; }
.soew-calc-upside { padding: 16px; border-radius: 12px; background: rgba(0,229,255,.1); border: 1px solid rgba(0,229,255,.3); margin-bottom: 20px; }
.soew-calc-upside-label { font-family: 'JetBrains Mono', monospace; font-size: 11px; text-transform: uppercase; color: #c3f5ff; font-weight: 700; }
.soew-calc-upside-value { font-size: 22px; font-weight: 700; color: #c3f5ff; font-family: 'JetBrains Mono', monospace; margin-top: 4px; }
.soew-calc-upside-note { font-size: 12px; color: #94a3b8; margin-top: 4px; }
.soew-calc-cta { width: 100%; }

/* ---------- Audit Form ---------- */
.soew-audit-form-section { padding: 96px 0; background: #0f131c; }
.soew-audit-panel { border-radius: 24px; background: linear-gradient(to bottom,#171d2b,#171d2b,#0a0d14); border: 1px solid rgba(51,65,85,.8); padding: 48px 32px; }
@media (min-width: 992px) { .soew-audit-panel { padding: 64px 56px; } }
.soew-audit-grid { display: grid; grid-template-columns: 1fr; gap: 48px; align-items: center; }
@media (min-width: 992px) { .soew-audit-grid { grid-template-columns: 1fr 1fr; gap: 64px; } }
.soew-heading-accent { color: #c3f5ff; }
.soew-audit-desc { color: #94a3b8; font-size: 16px; line-height: 1.7; margin: 16px 0 24px; }
.soew-checklist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.soew-checklist li { display: flex; align-items: center; gap: 12px; font-size: 14px; color: #e1e7f0; }
.soew-checklist i { color: #00e5ff; }

.soew-form-panel { padding: 32px; border-radius: 18px; background: #121722; border: 1px solid rgba(51,65,85,.7); }
.soew-form-group { margin-bottom: 16px; }
.soew-form-row { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 560px) { .soew-form-row { grid-template-columns: 1fr 1fr; } }
.soew-form-label { display: block; font-family: 'JetBrains Mono', monospace; font-size: 11px; text-transform: uppercase; color: #7bd2f4; font-weight: 600; margin-bottom: 6px; }
.soew-form-field { width: 100%; padding: 12px 16px; border-radius: 10px; background: #171d2b; border: 1px solid #334155; color: #fff; font-size: 14px; transition: all .2s ease; }
.soew-form-field:focus { outline: none; border-color: #00e5ff; box-shadow: 0 0 0 3px rgba(0,229,255,.15); }
.soew-form-field::placeholder { color: rgba(148,163,184,.5); }
.soew-form-submit { width: 100%; margin-top: 8px; }
.soew-form-submit .fa-spinner { animation: soew-spin 1s linear infinite; }
.soew-form-success { margin-top: 14px; padding: 14px; border-radius: 12px; background: rgba(2,44,34,.7); border: 1px solid rgba(52,211,153,.4); text-align: center; font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #34d399; }
.soew-form-error { margin-top: 14px; padding: 14px; border-radius: 12px; background: rgba(60,10,10,.5); border: 1px solid rgba(248,113,113,.4); text-align: center; font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #f87171; }