:root {
    --pp-bg: #03071f !important;
    --pp-surface: #091131 !important;
    --pp-surface-strong: #0d173d !important;
    --pp-border: #233466 !important;
    --pp-text: #f7f9ff !important;
    --pp-muted: #8495bf !important;
    --pp-primary: #4259d1 !important;
    --pp-accent: #32cce8 !important;
    --pp-shadow: rgba(2, 8, 35, .42) !important;
    --pp-radius: 10px !important;
}

body { background: #03071f !important; }
.pp-background { background: radial-gradient(circle at 78% -15%, rgba(39, 74, 185, .18), transparent 34rem), linear-gradient(180deg, #02051b, #050a27 42%, #03071f) !important; }
.spawnora-billing-nav { border-color: #19285a !important; background: rgba(2, 5, 27, .96) !important; box-shadow: 0 16px 42px rgba(0, 0, 20, .28); }
.spawnora-billing-nav-inner { position: relative; width: min(1540px, calc(100% - 48px)); height: 78px; margin: auto; display: flex; align-items: center; gap: 42px; }
.spawnora-billing-brand { display: flex; align-items: center; gap: 10px; flex: none; color: white; text-decoration: none; }
.spawnora-billing-brand svg { width: 38px; height: 44px; }
.spawnora-billing-brand span, .spawnora-billing-brand small { display: block; }
.spawnora-billing-brand b { font-size: 16px; font-weight: 900; font-style: italic; letter-spacing: .06em; }
.spawnora-billing-brand small { margin-top: -2px; color: #65dff4; font-size: 7px; font-weight: 800; letter-spacing: .34em; }
.spawnora-billing-links { display: flex; align-items: stretch; height: 100%; gap: 28px; }
.spawnora-billing-links a { position: relative; display: flex; align-items: center; color: #aebadc; font-size: 12px; font-weight: 750; text-decoration: none; }
.spawnora-billing-links a:hover, .spawnora-billing-links a.active { color: white; }
.spawnora-billing-links a.active:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #39d0e9; box-shadow: 0 0 14px #39d0e9; }
.spawnora-billing-actions { position: relative; margin-left: auto; display: flex; align-items: center; gap: 10px; }
.spawnora-credit { display: grid; text-align: right; color: white; font-size: 12px; font-weight: 850; }
.spawnora-credit small { color: #61739f; font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.spawnora-panel-button { display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 15px; border: 1px solid #536bd7; border-radius: 7px; background: linear-gradient(120deg, #3348ad, #4c62dc); color: white; font-size: 11px; font-weight: 850; text-decoration: none; }
.spawnora-panel-button:hover { filter: brightness(1.1); }
.spawnora-account-button { display: flex; align-items: center; gap: 7px; border: 0; background: transparent; color: white; cursor: pointer; }
.spawnora-account-button span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #40538f; border-radius: 50%; background: #111d49; color: #6de2f5; font-size: 12px; font-weight: 900; }
.spawnora-account-button i { width: 6px; height: 6px; border-right: 1px solid #8090ba; border-bottom: 1px solid #8090ba; transform: rotate(45deg); }
.spawnora-account-menu { position: absolute; z-index: 60; right: 0; top: 52px; width: 220px; padding: 12px; border: 1px solid #293b72; border-radius: 9px; background: #08102f; box-shadow: 0 24px 60px rgba(0,0,20,.55); }
.spawnora-account-menu strong, .spawnora-account-menu small { display: block; padding-inline: 8px; }
.spawnora-account-menu strong { font-size: 12px; }.spawnora-account-menu small { overflow: hidden; color: #6f81ad; font-size: 9px; text-overflow: ellipsis; }
.spawnora-account-menu a, .spawnora-account-menu button { width: 100%; display: block; margin-top: 8px; padding: 9px; border: 0; border-radius: 6px; background: transparent; color: #b9c6e6; font-size: 10px; font-weight: 750; text-align: left; text-decoration: none; cursor: pointer; }
.spawnora-account-menu a:hover, .spawnora-account-menu button:hover { background: #12204d; color: white; }
.spawnora-mobile-toggle, .spawnora-mobile-menu { display: none; }
.spawnora-billing-nav + main { width: min(1540px, calc(100% - 48px)) !important; max-width: none !important; padding: 42px 0 70px !important; }

.spawnora-portal-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.spawnora-portal-heading > div > span, .spawnora-services-section > header > div > span, .spawnora-invoices-section > header span { color: #45d5ed; font-size: 9px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.spawnora-portal-heading h1 { margin: 5px 0 4px; color: white; font-size: 29px; font-weight: 850; letter-spacing: -.025em; }
.spawnora-portal-heading p { margin: 0; color: #7f90b9; font-size: 12px; }
.spawnora-portal-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 22px; align-items: start; }
.spawnora-account-sidebar { position: sticky; top: 102px; display: grid; gap: 14px; }
.spawnora-side-card { overflow: hidden; border: 1px solid #223365; border-radius: 10px; background: linear-gradient(145deg, #0c1539, #070e2c); box-shadow: 0 18px 48px rgba(0,0,25,.2); }
.account-card { display: grid; grid-template-columns: auto 1fr; gap: 12px; padding: 17px; }
.spawnora-avatar { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #3c5cad; border-radius: 9px; background: #16275e; color: #56d8ef; font-weight: 900; }
.account-card span, .account-card strong, .account-card small { display: block; }.account-card span { color: #61739d; font-size: 8px; text-transform: uppercase; }.account-card strong { margin-top: 2px; font-size: 11px; }.account-card small { max-width: 150px; overflow: hidden; color: #8798bd; font-size: 8px; text-overflow: ellipsis; }
.account-card > a { grid-column: 1/-1; display: flex; justify-content: space-between; margin-top: 4px; padding-top: 12px; border-top: 1px solid #1d2b58; color: #6bd9ed; font-size: 9px; font-weight: 800; text-decoration: none; }
.credit-card header { display: flex; justify-content: space-between; align-items: center; padding: 15px 16px; border-bottom: 1px solid #1d2b58; }.credit-card header span { color: #8d9ec4; font-size: 10px; }.credit-card header strong { font-size: 18px; }
.credit-card form { display: grid; gap: 8px; padding: 14px 16px 16px; }.credit-card label { color: #697ba6; font-size: 8px; font-weight: 800; text-transform: uppercase; }.credit-card form > div { display: flex; align-items: center; border: 1px solid #283a70; border-radius: 6px; background: #050b25; }.credit-card form > div span { padding-left: 10px; color: #6b7da9; font-size: 10px; }.credit-card input { width: 100%; min-width: 0; padding: 9px; border: 0; outline: 0; background: transparent; color: white; font-size: 10px; }.credit-card form > input { border: 1px solid #283a70; border-radius: 6px; background: #050b25; }.credit-card button { padding: 9px; border: 1px solid #4964cc; border-radius: 6px; background: #2e45ae; color: white; font-size: 9px; font-weight: 850; cursor: pointer; }
.spawnora-quick-nav { padding: 7px; }.spawnora-quick-nav a { display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: 7px; padding: 10px; border-radius: 6px; color: #8fa0c7; text-decoration: none; }.spawnora-quick-nav a:hover, .spawnora-quick-nav a.active { background: #142354; color: white; }.spawnora-quick-nav a span { color: #58d2e9; font-size: 12px; text-align: center; }.spawnora-quick-nav b { font-size: 9px; }.spawnora-quick-nav small { color: #6476a2; font-size: 8px; }
.spawnora-secure-note { display: flex; align-items: center; gap: 9px; padding: 4px 7px; }.spawnora-secure-note i { width: 7px; height: 7px; border-radius: 50%; background: #24d593; box-shadow: 0 0 10px #24d593; }.spawnora-secure-note strong, .spawnora-secure-note span { display: block; }.spawnora-secure-note strong { color: #8799bf; font-size: 8px; }.spawnora-secure-note span { margin-top: 2px; color: #53658f; font-size: 7px; }
.spawnora-portal-content { min-width: 0; display: grid; gap: 22px; }
.spawnora-account-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.spawnora-account-metrics article { position: relative; overflow: hidden; min-height: 112px; padding: 17px; border: 1px solid #24366d; border-radius: 9px; background: linear-gradient(145deg, #101a43, #090f2f); }.spawnora-account-metrics span, .spawnora-account-metrics small, .spawnora-account-metrics strong { display: block; }.spawnora-account-metrics span { color: #7789b4; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }.spawnora-account-metrics strong { margin-top: 8px; font-size: 25px; }.spawnora-account-metrics small { margin-top: 5px; color: #6678a4; font-size: 8px; }.spawnora-account-metrics i { position: absolute; right: 16px; bottom: 14px; width: 44px; height: 3px; border-radius: 99px; }.spawnora-account-metrics i.cyan { background: #35cde7; box-shadow: 0 0 16px #35cde7; }.spawnora-account-metrics i.blue { background: #5570ef; box-shadow: 0 0 16px #5570ef; }.spawnora-account-metrics i.green { background: #2bd596; box-shadow: 0 0 16px #2bd596; }
.spawnora-services-section, .spawnora-invoices-section { display: grid; gap: 13px; }.spawnora-services-section > header, .spawnora-invoices-section > header { display: flex; justify-content: space-between; align-items: end; padding: 4px 2px; }.spawnora-services-section h2, .spawnora-invoices-section h2 { margin: 3px 0; font-size: 17px; }.spawnora-services-section > header p { margin: 0; color: #7385ad; font-size: 9px; }.spawnora-services-section > header > a { color: #59d9ee; font-size: 9px; font-weight: 850; text-decoration: none; }
.spawnora-service-card { overflow: hidden; border: 1px solid #263a73; border-radius: 10px; background: linear-gradient(145deg, #0c153a, #060c29); box-shadow: 0 24px 60px rgba(0,0,20,.24); }
.spawnora-service-main { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; align-items: center; gap: 16px; padding: 18px; }.spawnora-service-icon { width: 53px; height: 53px; display: grid; place-items: center; overflow: hidden; border: 1px solid #304985; border-radius: 10px; background: #0b1a45; color: #55d8ed; font-size: 12px; font-weight: 900; }.spawnora-service-icon img { width: 100%; height: 100%; object-fit: cover; }.spawnora-service-title > div { display: flex; align-items: center; gap: 6px; color: #47d9a4; font-size: 8px; font-weight: 800; text-transform: uppercase; }.spawnora-service-title > div i { width: 7px; height: 7px; border-radius: 50%; }.spawnora-service-title i.green { background: #27da96; box-shadow: 0 0 10px #27da96; }.spawnora-service-title i.red { background: #f06c7b; }.spawnora-service-title i.amber { background: #f0b74c; }.spawnora-service-title i.cyan { background: #40cfe8; }.spawnora-service-title h3 { margin: 5px 0 3px; font-size: 14px; }.spawnora-service-title p { margin: 0; color: #7486b0; font-size: 9px; }.spawnora-service-renewal { min-width: 110px; padding-left: 16px; border-left: 1px solid #21315f; }.spawnora-service-renewal span, .spawnora-service-renewal strong, .spawnora-service-renewal small { display: block; }.spawnora-service-renewal span { color: #6476a1; font-size: 7px; text-transform: uppercase; }.spawnora-service-renewal strong { margin-top: 3px; font-size: 10px; }.spawnora-service-renewal small { margin-top: 3px; color: #3fd6a1; font-size: 7px; }.spawnora-open-panel { display: flex; align-items: center; gap: 7px; padding: 10px 12px; border: 1px solid #5169d7; border-radius: 6px; background: #3248b1; color: white; font-size: 9px; font-weight: 850; text-decoration: none; }
.spawnora-service-resources { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; padding: 14px 18px; border-top: 1px solid #1e2d5b; background: rgba(3,8,29,.36); }.spawnora-service-resources header { display: flex; justify-content: space-between; color: #7284ae; font-size: 7px; }.spawnora-service-resources header b { color: #a9b6d5; }.spawnora-service-resources > div > i { display: block; height: 4px; margin-top: 7px; overflow: hidden; border-radius: 99px; background: #18234b; }.spawnora-service-resources > div > i b { display: block; height: 100%; border-radius: inherit; transition: width .3s; }.spawnora-service-resources b.memory { background: #35cce7; }.spawnora-service-resources b.cpu { background: #526aec; }.spawnora-service-resources b.disk { background: #875eea; }
.spawnora-addon-drawer { border-top: 1px solid #1e2d5b; }.spawnora-addon-drawer > button { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 11px 18px; border: 0; background: transparent; color: white; text-align: left; cursor: pointer; }.spawnora-addon-drawer > button span b, .spawnora-addon-drawer > button span small { display: inline; font-size: 8px; }.spawnora-addon-drawer > button span small { margin-left: 8px; color: #61739c; }.spawnora-addon-drawer > button > i { color: #65ddec; font-style: normal; transition: transform .2s; }.spawnora-addon-drawer > button > i.open { transform: rotate(180deg); }.spawnora-addon-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; padding: 0 14px 14px; }.spawnora-addon-grid article { display: flex; flex-direction: column; min-height: 145px; padding: 13px; border: 1px solid #26396f; border-radius: 7px; background: #091233; }.spawnora-addon-grid article.active { border-color: rgba(38,213,151,.35); background: rgba(20,100,78,.1); }.spawnora-addon-grid article > span { color: #55d8ee; font-size: 7px; font-weight: 900; text-transform: uppercase; }.spawnora-addon-grid article.active > span { color: #36d99c; }.spawnora-addon-grid h4 { margin: 6px 0; font-size: 10px; }.spawnora-addon-grid p { margin: 0; color: #7183ad; font-size: 8px; line-height: 1.5; }.spawnora-addon-grid footer { display: flex; align-items: end; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 12px; }.spawnora-addon-grid footer strong { font-size: 13px; }.spawnora-addon-grid footer strong small { display: block; color: #60729c; font-size: 6px; }.spawnora-addon-grid footer button { padding: 7px 9px; border: 1px solid #4862ca; border-radius: 5px; background: #293fa4; color: white; font-size: 7px; font-weight: 850; cursor: pointer; }
.spawnora-empty-service { display: grid; place-items: center; padding: 50px 20px; border: 1px dashed #2d427d; border-radius: 10px; background: #080f2f; text-align: center; }.spawnora-empty-service > span { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 10px; background: #14275c; color: #55d9ed; font-size: 22px; }.spawnora-empty-service h3 { margin: 13px 0 4px; }.spawnora-empty-service p { margin: 0 0 15px; color: #7183ad; font-size: 10px; }
.spawnora-invoice-list { overflow: hidden; border: 1px solid #24366b; border-radius: 9px; background: #080f2e; }.spawnora-invoice-list article { display: grid; grid-template-columns: auto 1fr auto auto auto; align-items: center; gap: 13px; min-height: 64px; padding: 12px 15px; border-bottom: 1px solid #1e2d59; }.spawnora-invoice-list article:last-child { border-bottom: 0; }.spawnora-invoice-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 7px; background: #122353; color: #51d4e9; }.spawnora-invoice-list article div strong, .spawnora-invoice-list article div small { display: block; }.spawnora-invoice-list article div strong { font-size: 10px; }.spawnora-invoice-list article div small { color: #687aa4; font-size: 7px; }.spawnora-invoice-list article > b { font-size: 10px; }.spawnora-invoice-list em { min-width: 56px; padding: 4px 7px; border-radius: 99px; background: #18234a; color: #9aabd0; font-size: 7px; font-style: normal; font-weight: 900; text-align: center; }.spawnora-invoice-list em.paid { background: rgba(38,213,151,.11); color: #38d79d; }.spawnora-invoice-list article > a { padding: 7px 9px; border: 1px solid #2b4078; border-radius: 5px; color: #a9b7da; font-size: 8px; font-weight: 750; text-decoration: none; }

body > footer { border-top: 1px solid #14234f; padding-top: 20px !important; }
.spawnora-auth-shell { width: min(430px, calc(100% - 30px)); min-height: 100vh; display: flex; flex-direction: column; justify-content: center; margin: auto; padding: 42px 0; }
.spawnora-auth-brand { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 20px; color: white; text-decoration: none; }.spawnora-auth-brand svg { width: 40px; height: 46px; }.spawnora-auth-brand span,.spawnora-auth-brand small { display: block; }.spawnora-auth-brand b { font-size: 17px; font-style: italic; font-weight: 900; letter-spacing: .06em; }.spawnora-auth-brand small { color: #5fd9ee; font-size: 7px; font-weight: 850; letter-spacing: .22em; }
.spawnora-auth-card { padding: 30px !important; border-color: #2a3e7a !important; background: linear-gradient(145deg, rgba(14,24,63,.97), rgba(5,11,35,.97)) !important; }.spawnora-auth-card h2,.spawnora-auth-card h1 { color: white; }.spawnora-auth-card input { border-color: #293d74 !important; background: #050b25 !important; }.spawnora-auth-foot { display: flex; justify-content: space-between; gap: 12px; margin-top: 15px; color: #5f7098; font-size: 8px; }.spawnora-auth-foot a { color: #65d9ed; text-decoration: none; }

@media (max-width: 1050px) {
    .spawnora-billing-links { gap: 16px; }.spawnora-credit { display: none; }.spawnora-portal-layout { grid-template-columns: 225px minmax(0,1fr); }.spawnora-addon-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 820px) {
    .spawnora-billing-nav-inner { width: calc(100% - 28px); height: 68px; }.spawnora-billing-links, .spawnora-billing-actions { display: none; }.spawnora-mobile-toggle { display: block; margin-left: auto; padding: 8px 11px; border: 1px solid #2b4079; border-radius: 6px; background: #0c1539; color: white; font-size: 9px; font-weight: 850; }.spawnora-mobile-menu { display: grid; gap: 4px; padding: 10px 14px 15px; border-top: 1px solid #172655; }.spawnora-mobile-menu a, .spawnora-mobile-menu button { width: 100%; padding: 10px; border: 0; border-radius: 6px; background: transparent; color: #b8c5e6; font-size: 10px; font-weight: 750; text-align: left; text-decoration: none; }.spawnora-mobile-menu a:hover { background: #101d48; }.spawnora-billing-nav + main { width: calc(100% - 28px) !important; padding-top: 28px !important; }.spawnora-portal-layout { grid-template-columns: 1fr; }.spawnora-account-sidebar { position: static; grid-template-columns: 1fr 1fr; }.spawnora-quick-nav { grid-column: 1/-1; }.spawnora-secure-note { display: none; }
}
@media (max-width: 620px) {
    .spawnora-portal-heading { align-items: stretch; flex-direction: column; }.spawnora-portal-heading .pp-button { width: 100%; }.spawnora-account-sidebar, .spawnora-account-metrics { grid-template-columns: 1fr; }.spawnora-quick-nav { grid-column: auto; }.spawnora-service-main { grid-template-columns: auto 1fr; }.spawnora-service-renewal { grid-column: 1/2; padding: 0; border: 0; }.spawnora-open-panel { justify-content: center; }.spawnora-service-resources { grid-template-columns: 1fr; }.spawnora-addon-grid { grid-template-columns: 1fr; }.spawnora-invoice-list article { grid-template-columns: auto 1fr auto; }.spawnora-invoice-list article > b { grid-column: 2; }.spawnora-invoice-list em { grid-column: 3; grid-row: 1; }.spawnora-invoice-list article > a { grid-column: 2/4; text-align: center; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }

/* Supplied Spawnora brand lockups. */
.spawnora-billing-brand img { width: 160px; height: 62px; object-fit: contain; object-position: left center; }
.spawnora-auth-brand img { width: 210px; height: 118px; object-fit: contain; }

/* Spawnora violet brand pass. */
:root {
    --pp-bg: #080514 !important;
    --pp-surface: #130c24 !important;
    --pp-surface-strong: #1b1032 !important;
    --pp-border: #4b2e70 !important;
    --pp-muted: #ad9ac4 !important;
    --pp-primary: #8b5cf6 !important;
    --pp-accent: #c084fc !important;
    --pp-shadow: rgba(7, 2, 18, .5) !important;
}
body { background: #080514 !important; }
.pp-background { background: radial-gradient(circle at 78% -15%, rgba(139, 92, 246, .23), transparent 34rem), linear-gradient(180deg, #070411, #100820 42%, #080514) !important; }
.spawnora-billing-nav { border-color: #33204d !important; background: rgba(8, 4, 19, .97) !important; }
.spawnora-billing-links a.active:after { background: #c084fc; box-shadow: 0 0 14px #a855f7; }
.spawnora-panel-button, .spawnora-open-panel { border-color: #9d72ee; background: linear-gradient(120deg, #6d36c7, #9c4fe2); }
.spawnora-account-button span, .spawnora-avatar { border-color: #7146a4; background: #24133c; color: #d8b4fe; }
.spawnora-account-menu, .spawnora-side-card, .spawnora-service-card, .spawnora-invoice-list, .spawnora-empty-service { border-color: #442966; background: linear-gradient(145deg, #1a102f, #0c071a); }
.spawnora-account-metrics article { border-color: #513178; background: linear-gradient(145deg, #21143b, #100a21); }
.spawnora-quick-nav a:hover, .spawnora-quick-nav a.active { background: #2b1748; }
.spawnora-quick-nav a span, .account-card > a, .spawnora-services-section > header > a, .spawnora-portal-heading > div > span, .spawnora-services-section > header > div > span, .spawnora-invoices-section > header span { color: #c084fc; }
.spawnora-service-icon, .spawnora-invoice-icon, .spawnora-empty-service > span { border-color: #5e3888; background: #241440; color: #d8b4fe; }
.spawnora-service-resources b.memory, .spawnora-account-metrics i.cyan { background: #a855f7; box-shadow: 0 0 16px #a855f7; }
.spawnora-service-resources b.cpu, .spawnora-account-metrics i.blue { background: #7c3aed; box-shadow: 0 0 16px #7c3aed; }
.spawnora-addon-grid article, .credit-card form > div, .credit-card form > input { border-color: #442967; background: #0d071a; }
.spawnora-addon-grid article > span, .spawnora-addon-drawer > button > i { color: #c084fc; }
.credit-card button, .spawnora-addon-grid footer button { border-color: #8959d0; background: #6d36b8; }
.spawnora-auth-card { border-color: #62378f !important; background: linear-gradient(145deg, rgba(31,18,55,.98), rgba(10,6,21,.98)) !important; }
.spawnora-auth-card input { border-color: #543276 !important; background: #0c0718 !important; }
.spawnora-auth-card input:focus { border-color: #a855f7 !important; box-shadow: 0 0 0 3px rgba(168,85,247,.14) !important; }
.spawnora-auth-card button { background: linear-gradient(120deg, #7c3aed, #a855f7) !important; }
.spawnora-auth-card .text-blue-300, .spawnora-auth-card .hover\:text-blue-200:hover, .spawnora-auth-foot a { color: #d8b4fe !important; }
.spawnora-auth-card input[type=checkbox] { color: #9333ea !important; }
.spawnora-embedded-auth { background: #0b0718 !important; }
.spawnora-embedded-auth .pp-background, .spawnora-embedded-auth .spawnora-auth-brand, .spawnora-embedded-auth .spawnora-auth-foot { display: none; }
.spawnora-embedded-auth .spawnora-auth-shell { width: min(520px, calc(100% - 24px)); min-height: auto; padding: 18px 0 24px; }
.spawnora-embedded-auth .spawnora-auth-card { padding: 25px !important; box-shadow: none; }

.spawnora-verification-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; gap: 12px; margin-top: 24px; }
.spawnora-verification-actions form { display: flex; }
.spawnora-verification-actions form:first-child > * { width: 100%; justify-content: center; }
.spawnora-auth-secondary { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: 8px; padding: 0 16px; border: 1px solid #65418a !important; border-radius: 8px; background: rgba(29,17,48,.92) !important; color: #e9ddf7 !important; font-size: 13px; font-weight: 800; line-height: 1; cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.spawnora-auth-secondary svg { width: 17px; height: 17px; }
.spawnora-auth-secondary:hover { border-color: #a855f7 !important; background: #2a1744 !important; transform: translateY(-1px); }
.spawnora-auth-secondary:focus-visible { outline: 3px solid rgba(168,85,247,.24); outline-offset: 2px; }
@media (max-width: 480px) { .spawnora-verification-actions { grid-template-columns: 1fr; } .spawnora-auth-secondary { width: 100%; } }