:root{--bg-base: #080F0A;--bg-surface: #0E1A12;--bg-elevated: #162319;--border: #1F3328;--surface-container-lowest: #0b0f0c;--surface-container-low: #181d19;--surface-container: #1c211d;--surface-container-high: #262b27;--surface-container-highest: #313632;--text-primary: #E4EDE7;--text-secondary: #7A9A85;--text-muted: #3D5C49;--ui-green: #0D6B3E;--ui-green-light: #1A9957;--ui-gold: #C9961A;--ui-gold-dim: #7A5A10;--status-up: #22C55E;--status-slow: #F5A623;--status-down: #C0392B;--status-unknown: #4A5568;--secondary: #f6be43;--on-secondary: #402d00;--on-primary-fixed: #00210f;--font-heading: "Syne", sans-serif;--font-body: "Space Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;color-scheme:dark;background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;display:inline-block;line-height:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase}button{font-family:var(--font-heading);cursor:pointer}input,select,textarea{font-family:var(--font-body)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes pulse{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toastIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.label-caps{font-size:11px;font-weight:400;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.text-gold{color:var(--ui-gold)}.text-up{color:var(--status-up)}.text-muted{color:var(--text-muted)}.status-badge{font-size:10px;font-weight:700;letter-spacing:.08em;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:6px;text-transform:uppercase}.status-badge .dot{width:6px;height:6px;border-radius:50%}.badge-up{background-color:#22c55e1a;color:var(--status-up);border:1px solid rgba(34,197,94,.3)}.badge-up .dot{background-color:var(--status-up);box-shadow:0 0 5px var(--status-up)}.badge-slow{background-color:#f5a6231a;color:var(--status-slow);border:1px solid rgba(245,166,35,.3)}.badge-slow .dot{background-color:var(--status-slow)}.badge-down{background-color:#c0392b1a;color:var(--status-down);border:1px solid rgba(192,57,43,.3)}.badge-down .dot{background-color:var(--status-down)}.hotspot-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:4px;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);transition:transform .2s,border-color .2s;text-align:left}.hotspot-card:hover:not(.offline){transform:translateY(-3px);border-color:var(--ui-gold)}.hotspot-card.offline{opacity:.6;cursor:not-allowed}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.location-info{display:flex;gap:var(--space-sm)}.loc-icon{font-size:18px}.loc-name{font-weight:700;font-family:var(--font-heading);font-size:16px}.loc-sub{font-size:11px;color:var(--text-muted)}.card-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);padding:var(--space-sm) 0;border-top:1px solid var(--border)}.detail-item{display:flex;flex-direction:column}.detail-label{font-size:9px;color:var(--text-muted);text-transform:uppercase}.detail-value{font-size:12px;font-weight:700}.ssid-tag{color:var(--ui-gold);font-weight:700;margin-bottom:4px;display:block}.btn-connect{background-color:var(--ui-green);color:#fff;border:none;padding:10px;border-radius:4px;font-family:var(--font-heading);font-size:13px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:background .2s;width:100%}.btn-connect:hover:not(:disabled){background-color:var(--ui-green-light)}.btn-connect:disabled{background-color:var(--border);cursor:not-allowed}.card-footer{display:flex;justify-content:space-between;align-items:center}.hotspot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}@media (max-width: 768px){.hotspot-grid{gap:var(--space-lg)}}.header{background-color:var(--bg-base);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.main-content{padding-top:80px;padding-bottom:40px;flex:1}@media (max-width: 768px){.main-content{padding:80px var(--space-md) 140px var(--space-md)}}.header-container{max-width:1200px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;width:95%;max-width:480px;position:relative;animation:modalIn .25s ease;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);background-color:var(--surface-container);margin-bottom:0}.modal-header.close-left{justify-content:flex-start;gap:var(--space-md);background-color:transparent;border-bottom:none;padding-bottom:0}.modal-title{font-size:16px;font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;color:var(--text-primary)}.modal-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:4px;transition:color .2s}.modal-close-btn:hover{color:var(--text-primary)}.modal-body{padding:var(--space-lg);overflow-y:auto;max-height:80vh}.ssid-block{background-color:var(--bg-base);padding:var(--space-md);border-radius:4px;border:1px solid var(--border);margin-bottom:var(--space-lg);font-weight:700;color:var(--ui-gold)}.modal-steps{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.modal-step{display:flex;gap:var(--space-md);align-items:flex-start}.step-circle{width:20px;height:20px;background-color:var(--ui-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;margin-top:2px}.modal-note{background-color:var(--bg-surface);padding:var(--space-md);border-radius:4px;color:var(--text-secondary)}.toast-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);z-index:2000}.toast{background-color:var(--bg-elevated);border-left:4px solid var(--ui-gold);color:var(--text-primary);padding:12px 20px;border-radius:4px;box-shadow:0 4px 12px #00000080;animation:toastIn .3s ease-out}.form-group{margin-bottom:var(--space-lg)}.form-group label{margin-bottom:var(--space-sm);display:block}.report-modal-body{display:flex;flex-direction:column;gap:var(--space-lg)}.custom-select{position:relative;display:flex;align-items:center}.custom-select select{width:100%;background-color:var(--surface-container-lowest);border:1px solid var(--outline-variant);color:var(--text-primary);padding:var(--space-md);border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-body);font-size:14px}.custom-select select option{background-color:var(--bg-surface);color:var(--text-primary)}.select-arrow{position:absolute;right:var(--space-md);pointer-events:none;color:var(--text-muted)}.verification-group{display:flex;flex-direction:column;gap:var(--space-md)}.label-caps.centered{text-align:center}.report-actions{display:flex;flex-direction:column;gap:var(--space-md)}.report-btn{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border:1px solid transparent;cursor:pointer;transition:all .2s;text-align:left}.report-btn:active{transform:scale(.98)}.report-btn.working{background-color:#106c3f;border-color:#106c3f;color:#fff}.report-btn.working:hover{background-color:#14854e}.report-btn.broken{background-color:#96434a;border-color:#96434a;color:#fff}.report-btn.broken:hover{background-color:#a84c54}.btn-main{display:flex;align-items:center;gap:var(--space-md)}.btn-icon{font-size:30px;font-variation-settings:"FILL" 0}.btn-text .title{display:block;font-family:var(--font-heading);font-size:16px;font-weight:700;color:#fff}.btn-text .subtitle{display:block;font-size:10px;opacity:.9;font-weight:400;color:#fff}.report-btn .arrow{opacity:0;transition:opacity .2s}.report-btn:hover .arrow{opacity:1}.modal-footer{padding:var(--space-md);background-color:var(--surface-container-high);border-top:1px solid var(--border);display:flex;gap:var(--space-md)}.btn-cancel,.btn-submit{flex:1;padding:var(--space-md);font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none}.btn-cancel{background:none;border:1px solid var(--outline-variant);color:var(--text-primary)}.btn-cancel:hover{background-color:var(--surface-variant)}.btn-submit{background-color:var(--secondary);color:var(--on-secondary)}.btn-submit:hover{background-color:var(--ui-gold-dim)}.btn-primary{background-color:var(--ui-green);color:#fff;border:none;padding:12px;border-radius:4px;font-weight:700;text-transform:uppercase;width:100%}.hero{margin-bottom:var(--space-xl);text-align:left}.hero-title{font-size:32px;font-weight:800;margin-bottom:var(--space-sm);line-height:1.2}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:var(--space-xl)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md)}.stat-card{background-color:var(--bg-surface);border:1px solid var(--border);padding:var(--space-md);border-radius:4px}.stat-value{display:block;font-family:var(--font-heading);font-size:24px;font-weight:800;margin-bottom:4px}.stat-label{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.1em}.controls-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);gap:var(--space-md);flex-wrap:wrap}.filter-group{display:flex;gap:var(--space-sm)}.filter-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:8px 16px;border-radius:4px;font-family:var(--font-heading);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--text-secondary)}.filter-btn.active{background-color:var(--ui-green);border-color:var(--ui-green);color:#fff}.search-box input{background-color:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);padding:10px 16px;border-radius:4px;font-family:var(--font-body);width:300px}.search-box input:focus{outline:none;border-color:var(--ui-gold)}.screen-header{margin-bottom:var(--space-xl);text-align:left}.screen-title{font-size:32px;margin-bottom:var(--space-xs)}.screen-subtitle{color:var(--text-secondary)}.auth-section{max-width:800px;margin:0 auto}.auth-container{display:flex;flex-direction:column;gap:var(--space-xl)}.security-alert{border:2px solid var(--status-down);background-color:#c0392b1a;padding:var(--space-md);display:flex;gap:var(--space-md);align-items:flex-start;text-align:left}.alert-icon{color:var(--status-down);font-size:24px;flex-shrink:0;font-variation-settings:"FILL" 1}.alert-title{font-family:var(--font-heading);font-size:16px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.alert-content p{font-size:13px;color:var(--on-surface-variant);line-height:1.5}.timeline{position:relative;padding-left:48px;text-align:left}.timeline-line{position:absolute;left:15px;top:16px;bottom:16px;width:2px;background-color:var(--border);z-index:0}.timeline-step{position:relative;margin-bottom:var(--space-xl)}.step-box{position:absolute;left:-48px;top:4px;width:32px;height:32px;border:1px solid var(--border);background-color:var(--bg-surface);color:var(--status-up);display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:700;z-index:1}.step-card{background-color:var(--surface-container);border:1px solid var(--border);padding:var(--space-md);transition:border-color .2s}.timeline-step:hover .step-card{border-color:#22c55e4d}.step-title{font-family:var(--font-heading);font-size:16px;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.step-desc{font-size:13px;color:var(--on-surface-variant);line-height:1.5;margin-bottom:var(--space-md)}.step-action{background-color:var(--bg-base);border:1px solid var(--border);padding:8px 12px;display:flex;align-items:center;gap:12px}.action-icon{color:var(--ui-gold);font-size:18px}.action-text{font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--ui-gold)}.auth-footer{display:flex;flex-direction:column;gap:var(--space-md)}.btn-access{background-color:var(--status-up);color:var(--on-primary-fixed);border:none;padding:var(--space-md);font-family:var(--font-heading);font-weight:700;font-size:16px;letter-spacing:.1em;cursor:pointer;text-transform:uppercase}.footer-note{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.terminal-header{background-color:#1a1a1a;padding:8px 12px;display:flex;gap:6px}.terminal-header .dot{width:10px;height:10px;border-radius:50%}.dot.red{background-color:#ff5f56}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#27c93f}.terminal-content{padding:var(--space-md);font-family:Courier New,Courier,monospace;font-size:14px}.cursor{animation:blink 1s step-end infinite;border-bottom:2px solid white}@keyframes blink{50%{border-color:transparent}}.night-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.telco-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:4px;padding:var(--space-md);text-align:left}.telco-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.telco-name{font-family:var(--font-heading);font-weight:700;font-size:18px}.plan-info{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.plan-row{display:flex;justify-content:space-between}.plan-label{color:var(--text-muted);font-size:11px}.ussd-block{background-color:var(--bg-base);border:1px solid var(--border);padding:var(--space-sm) var(--space-md);border-radius:4px;display:flex;justify-content:space-between;align-items:center}.top-bar{position:fixed;top:0;left:0;width:100%;height:64px;background-color:#050805;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-lg);z-index:1000}.top-bar-left{display:flex;align-items:center;gap:var(--space-md)}.logo-icon{color:var(--ui-green);font-size:24px;display:flex;align-items:center;transform:translateY(1px)}.logo-text{font-family:var(--font-heading);font-weight:800;font-size:18px;letter-spacing:-.05em;color:var(--text-primary)}.account-icon{color:var(--text-muted);cursor:pointer;transition:color .2s}.account-icon:hover{color:var(--ui-gold)}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:64px;background-color:#050805;border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.nav-item{background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:4px;flex:1;height:100%;transition:all .2s}.nav-item.active{background-color:var(--ui-green);color:#fff}.nav-label{font-family:var(--font-heading);font-size:10px;font-weight:700;letter-spacing:.05em}.main-content{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:calc(64px + var(--space-xl)) var(--space-lg) calc(64px + var(--space-xl))}@media (max-width: 768px){.header-container{padding:var(--space-md)}.nav-tabs{order:2;width:100%;justify-content:center;border-top:1px solid var(--border);padding-top:var(--space-sm)}.auth-layout{grid-template-columns:1fr}.search-box,.search-box input{width:100%}.hero-title{font-size:24px}.main-content{padding:calc(64px + var(--space-lg)) var(--space-md) calc(64px + var(--space-xl))}}.submit-section{max-width:600px;margin:0 auto}.submit-card{background-color:var(--bg-surface);border:1px solid var(--border);padding:var(--space-lg);border-radius:8px;margin-bottom:var(--space-xl)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .material-symbols-outlined{position:absolute;left:var(--space-md);color:var(--text-muted);font-size:18px}.input-with-icon input,.input-with-icon select,.submit-form textarea{width:100%;background-color:var(--bg-base);border:1px solid var(--border);border-radius:4px;padding:var(--space-md) var(--space-md) var(--space-md) 42px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:all .2s}.submit-form textarea{padding-left:var(--space-md)}.input-with-icon input:focus,.submit-form textarea:focus{outline:none;border-color:var(--ui-gold)}.input-with-icon .select-arrow{position:absolute;right:var(--space-md);left:auto;pointer-events:none}.input-hint{font-size:10px;color:var(--text-muted);font-style:italic;margin-top:4px}.btn-primary-submit{width:100%;background-color:var(--primary-container);color:var(--on-primary-container);border:1px solid var(--primary);padding:var(--space-lg);border-radius:8px;font-family:var(--font-heading);font-weight:800;font-size:16px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s;margin-top:var(--space-lg)}.btn-primary-submit:hover{background-color:var(--ui-green-light)}.submit-footer{display:flex;justify-content:space-between;opacity:.5;padding-top:var(--space-lg);border-top:1px solid var(--border)}.spec-item{display:flex;align-items:center;gap:8px}.spec-label{font-family:var(--font-heading);font-size:10px;font-weight:700;letter-spacing:.1em}.dot.green{width:8px;height:8px;background-color:var(--status-up);border-radius:50%}.backdrop-grid{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.03;background-image:radial-gradient(var(--ui-green) 1px,transparent 1px);background-size:24px 24px}.success-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) 0;animation:modalIn .3s ease-out}.success-icon-wrapper{position:relative;margin-bottom:var(--space-xl)}.success-glow{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#22c55e33;filter:blur(30px);border-radius:50%}.success-icon-box{position:relative;width:96px;height:96px;background-color:var(--bg-surface);border:2px solid var(--primary-container);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #0d6b3e33}.success-icon-box .material-symbols-outlined{font-size:60px;color:var(--primary)}.success-badge{position:absolute;bottom:-8px;right:-8px;width:32px;height:32px;background-color:var(--secondary);border-radius:8px;border:1px solid var(--on-secondary-container);display:flex;align-items:center;justify-content:center}.success-badge .material-symbols-outlined{font-size:18px;color:var(--on-secondary-container)}.success-content{margin-bottom:var(--space-xl);text-align:center}.success-title{font-family:var(--syne, "Syne", sans-serif);font-size:36px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-sm)}.success-message{font-family:var(--font-mono, "Space Mono", monospace);font-size:14px;color:var(--text-secondary);max-width:320px;margin:0 auto;line-height:1.6}.success-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-bottom:var(--space-xl)}.meta-item{background-color:var(--bg-surface);border:1px solid var(--border);padding:var(--space-md);text-align:left}.meta-label{display:block;font-family:var(--font-heading);font-size:11px;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.meta-status{display:flex;align-items:center;gap:8px;font-weight:700}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.success-actions{display:flex;flex-direction:column;gap:12px;width:100%}.btn-home,.btn-another{width:100%;padding:var(--space-md);font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.btn-home{background-color:var(--primary-container);color:var(--on-primary-container);border:1px solid var(--primary-container)}.btn-home:hover{background-color:var(--ui-green-light)}.btn-another{background:none;color:var(--secondary);border:1px solid var(--secondary)}.btn-another:hover{background-color:var(--secondary);color:var(--on-secondary)}.success-footer-graphic{margin-top:var(--space-xl);opacity:.2;width:100%;height:120px;overflow:hidden}.success-footer-graphic img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.5)}.material-symbols-outlined.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.success-screen{padding:var(--space-md) 0}.success-icon-wrapper{margin-bottom:var(--space-md)}.success-icon-box{width:72px;height:72px}.success-icon-box .material-symbols-outlined{font-size:40px!important}.success-content{margin-bottom:var(--space-sm)}.success-title{font-size:24px!important}.success-message{font-size:12px}.success-meta-grid{margin-bottom:var(--space-sm);gap:8px}.meta-item{padding:var(--space-sm)}.success-footer-graphic{height:60px;margin-top:var(--space-sm)}}.report-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-elevated) 100%);border:1px solid var(--border);border-radius:12px;padding:var(--space-lg);margin-top:var(--space-xl);margin-bottom:var(--space-xl);gap:var(--space-lg)}.report-content{display:flex;align-items:center;gap:var(--space-md)}.report-content .material-symbols-outlined{font-size:32px}.banner-title{font-family:var(--font-display);font-size:18px;color:var(--text-primary);margin:0}.banner-text{font-size:14px;color:var(--text-muted);margin:4px 0 0}.btn-report-banner{background-color:#ff4d4d;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.05em;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-report-banner:hover{background-color:#f33;transform:translateY(-2px)}@media (max-width: 768px){.report-banner{flex-direction:column;text-align:center;padding:var(--space-lg) var(--space-md)}.report-content{flex-direction:column;gap:var(--space-sm)}.btn-report-banner{width:100%}}.success-section{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:var(--space-xl) var(--space-md)}.success-canvas{max-width:440px;width:100%;text-align:center;position:relative}.success-hero{position:relative;display:inline-block;margin-bottom:var(--space-xl)}.hero-blur{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(13,107,62,.2) 0%,transparent 70%);filter:blur(30px);border-radius:50%}.hero-icon-container{position:relative;width:96px;height:96px;background-color:var(--bg-surface);border:2px solid var(--primary-container);display:flex;align-items:center;justify-content:center;border-radius:12px;margin:0 auto;box-shadow:0 0 40px #0d6b3e26}.hero-icon-container .material-symbols-outlined{font-size:64px}.radar-badge{position:absolute;bottom:-8px;right:-8px;width:32px;height:32px;background-color:var(--secondary);display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--on-secondary-container);box-shadow:0 4px 12px #0000004d}.radar-badge .material-symbols-outlined{font-size:18px;color:var(--on-secondary-container)}.success-title{font-family:Syne,sans-serif;font-size:36px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-sm)}.success-subtitle{font-family:Space Mono,monospace;color:var(--text-secondary);font-size:14px;line-height:1.6;max-width:320px;margin:0 auto var(--space-xl)}.metadata-bento{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:var(--space-xl)}.bento-item{background-color:var(--bg-surface);border:1px solid var(--border);padding:var(--space-md);text-align:left;border-radius:4px}.status-indicator{display:flex;align-items:center;gap:8px;margin-top:4px}.dot-pulse{width:8px;height:8px;background-color:var(--secondary);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #f6be43b3}70%{transform:scale(1);box-shadow:0 0 0 10px #f6be4300}to{transform:scale(.95);box-shadow:0 0 #f6be4300}}.success-actions{display:flex;flex-direction:column;gap:var(--space-md)}.btn-primary-action{background-color:var(--primary-container);color:var(--on-primary-container);font-family:Epilogue,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.15em;padding:var(--space-lg);border:1px solid var(--primary-container);display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .2s ease}.btn-primary-action:hover{background-color:var(--ui-green-light)}.btn-secondary-action{background:transparent;color:var(--secondary);border:1px solid var(--secondary);font-family:Epilogue,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.15em;padding:var(--space-lg);display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .2s ease}.btn-secondary-action:hover{background-color:var(--secondary);color:var(--on-secondary)}.success-footer-graphic{margin-top:64px;opacity:.2;pointer-events:none}.success-footer-graphic img{width:100%;height:128px;object-fit:cover;filter:grayscale(1) brightness(.5)}