@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Roboto:wght@400;500;700&family=Quantico:wght@400;700&family=Shantell+Sans:wght@400;500;600;700&family=Montserrat+Alternates:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";:root{--snrg-primary: #00CED1;--snrg-primary-dark: #008B8B;--snrg-primary-light: #00E5E8;--snrg-primary-alpha: rgba(0, 206, 209, .3);--snrg-primary-alpha-light: rgba(0, 206, 209, .1);--snrg-primary-alpha-dark: rgba(0, 206, 209, .2);--snrg-secondary: #008B8B;--snrg-accent: #FFD700;--snrg-accent-alpha: rgba(255, 215, 0, .7);--snrg-bg-primary: #000000;--snrg-bg-secondary: #111827;--snrg-bg-tertiary: #1f2937;--snrg-bg-glass: rgba(31, 41, 55, .5);--snrg-bg-glass-light: rgba(17, 24, 39, .5);--snrg-bg-glass-dark: rgba(17, 24, 39, .95);--snrg-text-primary: #ffffff;--snrg-text-secondary: #e5e7eb;--snrg-text-tertiary: #d1d5db;--snrg-text-muted: #9ca3af;--snrg-text-disabled: #6b7280;--snrg-border-primary: rgba(0, 255, 255, .3);--snrg-border-secondary: rgba(0, 255, 255, .2);--snrg-border-light: rgba(0, 255, 255, .1);--snrg-shadow-primary: 0 0 5px rgba(0, 255, 255, .3), 0 0 10px rgba(0, 255, 255, .3), 0 0 15px rgba(0, 255, 255, .3);--snrg-shadow-glow: 0 0 15px rgba(0, 255, 255, .4), 0 0 25px rgba(0, 255, 255, .4);--snrg-shadow-text: 0 0 8px rgba(0, 255, 255, .8);--snrg-font-primary: "Orbitron", sans-serif;--snrg-font-secondary: "Quantico", sans-serif;--snrg-font-body: "Roboto", sans-serif;--snrg-font-display: "Shantell Sans", sans-serif;--snrg-text-xs: .75rem;--snrg-text-sm: .875rem;--snrg-text-base: 1rem;--snrg-text-lg: 1.125rem;--snrg-text-xl: 1.25rem;--snrg-text-2xl: 1.5rem;--snrg-text-3xl: 1.875rem;--snrg-text-4xl: 2.25rem;--snrg-text-5xl: 3rem;--snrg-text-6xl: 3.25rem;--snrg-space-xs: .25rem;--snrg-space-sm: .5rem;--snrg-space-md: 1rem;--snrg-space-lg: 1.5rem;--snrg-space-xl: 2rem;--snrg-space-2xl: 3rem;--snrg-space-3xl: 4rem;--snrg-radius-sm: .25rem;--snrg-radius-md: .5rem;--snrg-radius-lg: .75rem;--snrg-radius-xl: 1rem;--snrg-radius-2xl: 1.5rem;--snrg-radius-full: 9999px;--snrg-transition-fast: .2s ease;--snrg-transition-normal: .3s ease;--snrg-transition-slow: .5s ease;--snrg-z-dropdown: 1000;--snrg-z-sticky: 1020;--snrg-z-fixed: 1030;--snrg-z-modal-backdrop: 1040;--snrg-z-modal: 1050;--snrg-z-popover: 1060;--snrg-z-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;width:100%;margin:0;padding:0}body{font-family:var(--snrg-font-body);background-color:var(--snrg-bg-primary);color:var(--snrg-text-secondary);overflow-x:hidden;height:100%;width:100%;margin:0;padding:0;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--snrg-font-primary);font-weight:700;line-height:1.2;color:var(--snrg-text-primary)}h1{font-size:var(--snrg-text-5xl);font-weight:700}h2{font-size:var(--snrg-text-4xl);font-weight:700}h3{font-size:var(--snrg-text-3xl);font-weight:700}h4{font-size:var(--snrg-text-2xl);font-weight:600}h5{font-size:var(--snrg-text-xl);font-weight:600}h6{font-size:var(--snrg-text-lg);font-weight:600}@media (max-width: 768px){h1{font-size:var(--snrg-text-4xl)}h2{font-size:var(--snrg-text-3xl)}h3{font-size:var(--snrg-text-2xl)}h4{font-size:var(--snrg-text-xl)}}.snrg-box{display:block}.snrg-vstack{display:flex;flex-direction:column}.snrg-hstack{display:flex;flex-direction:row;align-items:center}.snrg-heading{font-family:var(--snrg-font-primary);font-weight:700;color:var(--snrg-text-primary)}.snrg-text{font-family:var(--snrg-font-body);color:var(--snrg-text-secondary);line-height:1.6}.snrg-btn{font-family:var(--snrg-font-primary);border:none;border-radius:var(--snrg-radius-lg);padding:var(--snrg-space-sm) var(--snrg-space-md);cursor:pointer;transition:all var(--snrg-transition-normal);font-weight:600}.snrg-btn-primary{background:var(--snrg-primary);color:#fff}.snrg-btn-primary:hover{background:var(--snrg-primary-light);box-shadow:var(--snrg-shadow-glow);transform:translateY(-2px)}.snrg-btn-secondary{background:var(--snrg-bg-glass);color:var(--snrg-text-primary);border:1px solid var(--snrg-border-primary)}.snrg-btn-secondary:hover{background:var(--snrg-primary-alpha);border-color:var(--snrg-primary)}.snrg-btn-sm{padding:var(--snrg-space-xs) var(--snrg-space-sm);font-size:var(--snrg-text-sm)}.snrg-btn-md{padding:var(--snrg-space-sm) var(--snrg-space-md);font-size:var(--snrg-text-base)}.snrg-btn-lg{padding:var(--snrg-space-md) var(--snrg-space-lg);font-size:var(--snrg-text-lg)}.snrg-badge{display:inline-block;padding:var(--snrg-space-xs) var(--snrg-space-sm);border-radius:var(--snrg-radius-full);font-size:var(--snrg-text-xs);font-weight:600}.snrg-badge-primary{background:var(--snrg-primary);color:#fff}.snrg-badge-secondary{background:var(--snrg-bg-glass);color:var(--snrg-text-primary);border:1px solid var(--snrg-border-primary)}.snrg-container{max-width:1200px;margin:0 auto;padding:0 var(--snrg-space-md)}.snrg-stat{text-align:center}.snrg-stat-label{font-size:var(--snrg-text-sm);color:var(--snrg-text-muted);margin-bottom:var(--snrg-space-xs)}.snrg-stat-number{font-size:var(--snrg-text-2xl);font-weight:700;color:var(--snrg-text-primary);font-family:var(--snrg-font-primary)}.snrg-stat-help{font-size:var(--snrg-text-xs);color:var(--snrg-text-muted);margin-top:var(--snrg-space-xs)}.snrg-progress{width:100%;height:8px;background:var(--snrg-bg-tertiary);border-radius:var(--snrg-radius-full);overflow:hidden}.snrg-progress-bar{height:100%;background:var(--snrg-primary);border-radius:var(--snrg-radius-full);transition:width .3s ease}.snrg-code{font-family:Fira Code,JetBrains Mono,Consolas,Monaco,Courier New,monospace;background:var(--snrg-bg-tertiary);padding:var(--snrg-space-xs) var(--snrg-space-sm);border-radius:var(--snrg-radius-sm);font-size:var(--snrg-text-sm);color:var(--snrg-text-primary)}.snrg-image{max-width:100%;height:auto}.snrg-collapse{transition:max-height .3s ease}.snrg-collapse-open{max-height:1000px}.snrg-collapse-closed{max-height:0;overflow:hidden}@media (max-width: 768px){.snrg-hero-bg-image{width:250px;height:250px;opacity:.05}.snrg-hero-title{font-size:var(--snrg-text-4xl)}.snrg-hero-subtitle{font-size:var(--snrg-text-xl)}.snrg-cta-buttons{flex-direction:column;align-items:center}.demo-grid{grid-template-columns:1fr}}p{font-family:var(--snrg-font-body);line-height:1.6;color:var(--snrg-text-secondary)}a{color:var(--snrg-primary);text-decoration:none;transition:var(--snrg-transition-normal)}a:hover{color:var(--snrg-primary-light);text-shadow:var(--snrg-shadow-text)}.snrg-text-primary{color:var(--snrg-text-primary)}.snrg-text-secondary{color:var(--snrg-text-secondary)}.snrg-text-tertiary{color:var(--snrg-text-tertiary)}.snrg-text-muted{color:var(--snrg-text-muted)}.snrg-text-accent{color:var(--snrg-primary)}.snrg-bg-primary{background-color:var(--snrg-bg-primary)}.snrg-bg-secondary{background-color:var(--snrg-bg-secondary)}.snrg-bg-glass{background-color:var(--snrg-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.snrg-border{border:1px solid var(--snrg-border-primary)}.snrg-border-secondary{border:1px solid var(--snrg-border-secondary)}.snrg-shadow{box-shadow:var(--snrg-shadow-primary)}.snrg-glow{box-shadow:var(--snrg-shadow-glow)}.snrg-text-glow{text-shadow:var(--snrg-shadow-text)}.glassmorphic{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--snrg-bg-glass-light);border-bottom:1px solid var(--snrg-border-light);transition:backdrop-filter var(--snrg-transition-slow),background-color var(--snrg-transition-slow),border-bottom var(--snrg-transition-slow)}.glassmorphic-dark{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:var(--snrg-bg-glass-dark);border:1px solid var(--snrg-border-primary)}.glow-border{box-shadow:var(--snrg-shadow-primary);border:1px solid var(--snrg-primary-alpha)}.nav-link-glow:hover{text-shadow:var(--snrg-shadow-text)}.btn-glow{box-shadow:0 0 8px var(--snrg-primary-alpha),0 0 12px var(--snrg-primary-alpha);transition:all var(--snrg-transition-normal)}.btn-glow:hover{box-shadow:var(--snrg-shadow-glow)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--snrg-bg-glass);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--snrg-primary);border-radius:10px;border:2px solid var(--snrg-bg-glass)}::-webkit-scrollbar-thumb:hover{background:var(--snrg-primary-light);box-shadow:0 0 10px var(--snrg-primary-alpha)}*{scrollbar-width:thin;scrollbar-color:var(--snrg-primary) var(--snrg-bg-glass)}*:focus{outline:2px solid var(--snrg-primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none}::selection{background-color:var(--snrg-primary-alpha);color:var(--snrg-text-primary)}::-moz-selection{background-color:var(--snrg-primary-alpha);color:var(--snrg-text-primary)}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}}@media (max-width: 480px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}.snrg-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--snrg-space-sm) var(--snrg-space-lg);font-family:var(--snrg-font-primary);font-weight:600;font-size:1rem;line-height:1.5;border:2px solid transparent;border-radius:var(--snrg-radius-lg);cursor:pointer;transition:all var(--snrg-transition-normal);text-decoration:none;position:relative;overflow:hidden}.snrg-btn-primary{background:linear-gradient(135deg,var(--snrg-primary) 0%,var(--snrg-primary-dark) 100%);color:var(--snrg-bg-primary);border-color:var(--snrg-primary)}.snrg-btn-primary:hover{background:linear-gradient(135deg,var(--snrg-primary-light) 0%,var(--snrg-primary) 100%);box-shadow:var(--snrg-shadow-glow);transform:translateY(-2px)}.snrg-btn-secondary{background:var(--snrg-bg-glass);color:var(--snrg-text-primary);border-color:var(--snrg-border-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.snrg-btn-secondary:hover{background:var(--snrg-primary-alpha-light);border-color:var(--snrg-primary);box-shadow:var(--snrg-shadow-glow);transform:translateY(-2px)}.snrg-btn-ghost{background:transparent;color:var(--snrg-text-primary);border-color:transparent}.snrg-btn-ghost:hover{background:var(--snrg-primary-alpha-light);color:var(--snrg-primary);text-shadow:var(--snrg-shadow-text)}.snrg-btn-outline{background:transparent;color:var(--snrg-primary);border-color:var(--snrg-primary)}.snrg-btn-outline:hover{background:var(--snrg-primary);color:var(--snrg-bg-primary);box-shadow:var(--snrg-shadow-glow)}.snrg-btn:disabled{background:#6b7280!important;color:#fff!important;border-color:#6b7280!important;cursor:not-allowed;transform:none!important;box-shadow:none!important;opacity:1}.snrg-btn:disabled:hover{background:#6b7280!important;color:#fff!important;border-color:#6b7280!important;transform:none!important;box-shadow:none!important}.snrg-btn:disabled:focus{background:#6b7280!important;color:#fff!important;border-color:#6b7280!important;transform:none!important;box-shadow:none!important}.snrg-btn:disabled:active{background:#6b7280!important;color:#fff!important;border-color:#6b7280!important;transform:none!important;box-shadow:none!important}.snrg-btn-sm{padding:var(--snrg-space-xs) var(--snrg-space-md);font-size:.875rem}.snrg-btn-lg{padding:var(--snrg-space-md) var(--snrg-space-xl);font-size:1.125rem}.snrg-btn-xl{padding:var(--snrg-space-lg) var(--snrg-space-2xl);font-size:1.25rem}.snrg-card{background:var(--snrg-bg-glass);border:1px solid var(--snrg-border-primary);border-radius:var(--snrg-radius-xl);padding:var(--snrg-space-xl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all var(--snrg-transition-normal);position:relative;overflow:hidden}.snrg-card:hover{border-color:var(--snrg-primary);box-shadow:var(--snrg-shadow-primary);transform:translateY(-4px)}.snrg-card-header{margin-bottom:var(--snrg-space-lg);padding-bottom:var(--snrg-space-md);border-bottom:1px solid var(--snrg-border-secondary)}.snrg-card-title{font-family:var(--snrg-font-primary);font-size:1.5rem;font-weight:700;color:var(--snrg-text-primary);margin-bottom:var(--snrg-space-sm)}.snrg-card-subtitle{font-family:var(--snrg-font-body);font-size:1rem;color:var(--snrg-text-muted)}.snrg-card-body{margin-bottom:var(--snrg-space-lg)}.snrg-card-footer{padding-top:var(--snrg-space-md);border-top:1px solid var(--snrg-border-secondary)}.snrg-input{width:100%;padding:var(--snrg-space-md);font-family:var(--snrg-font-body);font-size:1rem;background:var(--snrg-bg-glass);border:1px solid var(--snrg-border-secondary);border-radius:var(--snrg-radius-lg);color:var(--snrg-text-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all var(--snrg-transition-normal)}.snrg-input:focus{outline:none;border-color:var(--snrg-primary);box-shadow:0 0 0 3px var(--snrg-primary-alpha)}.snrg-input::placeholder{color:var(--snrg-text-muted)}.snrg-input-group{position:relative;margin-bottom:var(--snrg-space-lg)}.snrg-input-label{display:block;font-family:var(--snrg-font-primary);font-weight:600;color:var(--snrg-text-primary);margin-bottom:var(--snrg-space-sm)}.snrg-input-error{color:#ff6b6b;font-size:.875rem;margin-top:var(--snrg-space-xs)}.snrg-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--snrg-space-sm) var(--snrg-space-lg);font-family:var(--snrg-font-primary);font-weight:600;font-size:.75rem;border-radius:var(--snrg-radius-full);text-transform:uppercase;letter-spacing:.05em;width:120px;height:32px;cursor:pointer;transition:var(--snrg-transition-normal)}.snrg-badge-primary{background:var(--snrg-primary-alpha);color:var(--snrg-primary);border:1px solid var(--snrg-primary)}.snrg-badge-primary:hover{box-shadow:0 0 15px #00ced166,0 0 25px #00ced166;transform:translateY(-1px)}.snrg-badge-secondary{background:var(--snrg-bg-glass);color:var(--snrg-text-secondary);border:1px solid var(--snrg-border-secondary)}.snrg-badge-secondary:hover{box-shadow:0 0 15px #fff3,0 0 25px #fff3;transform:translateY(-1px)}.snrg-badge-success{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.snrg-badge-success:hover{box-shadow:0 0 15px #22c55e66,0 0 25px #22c55e66;transform:translateY(-1px)}.snrg-badge-warning{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.snrg-badge-warning:hover{box-shadow:0 0 15px #fbbf2466,0 0 25px #fbbf2466;transform:translateY(-1px)}.snrg-badge-error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.snrg-badge-error:hover{box-shadow:0 0 15px #ef444466,0 0 25px #ef444466;transform:translateY(-1px)}.snrg-badge-info{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.snrg-badge-info:hover{border:1px solid #3b82f6;box-shadow:0 0 20px #3b82f64d,0 0 40px #3b82f633;transform:translateY(-1px)}.snrg-message-box{position:fixed;bottom:-100px;left:50%;transform:translate(-50%);background:var(--snrg-bg-glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--snrg-border-primary);border-radius:var(--snrg-radius-lg);padding:var(--snrg-space-lg);box-shadow:var(--snrg-shadow-glow);z-index:var(--snrg-z-modal);min-width:300px;max-width:500px;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.snrg-message-box.show{bottom:20px;opacity:1}.snrg-message-box.hide{bottom:-100px;opacity:0}.snrg-message-box-primary{border-color:var(--snrg-primary);box-shadow:0 0 20px #00ced14d,0 0 40px #00ced133}.snrg-message-box-success{border-color:#22c55e;box-shadow:0 0 20px #22c55e4d,0 0 40px #22c55e33}.snrg-message-box-warning{border-color:#fbbf24;box-shadow:0 0 20px #fbbf244d,0 0 40px #fbbf2433}.snrg-message-box-error{border-color:#ef4444;box-shadow:0 0 20px #ef44444d,0 0 40px #ef444433}.snrg-message-box-info{border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d,0 0 40px #3b82f633}.snrg-message-content{display:flex;align-items:center;gap:var(--snrg-space-md)}.snrg-message-icon{font-size:1.5rem;flex-shrink:0}.snrg-message-text{flex:1}.snrg-message-title{font-family:var(--snrg-font-primary);font-weight:600;font-size:1rem;margin-bottom:var(--snrg-space-xs)}.snrg-message-description{font-size:.875rem;color:var(--snrg-text-muted);line-height:1.4}.snrg-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--snrg-space-lg) var(--snrg-space-xl);background:var(--snrg-bg-glass);border-bottom:1px solid var(--snrg-border-secondary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;width:100%;z-index:var(--snrg-z-sticky)}.snrg-nav-brand{display:flex;align-items:center;gap:var(--snrg-space-md);font-family:var(--snrg-font-primary);font-size:1.5rem;font-weight:700;color:var(--snrg-text-primary);text-decoration:none;transition:all var(--snrg-transition-normal)}.snrg-nav-brand:hover{color:var(--snrg-primary);text-shadow:var(--snrg-shadow-text);transform:scale(1.05)}.snrg-nav-links{display:flex;align-items:center;gap:var(--snrg-space-xl)}.snrg-nav-link{font-family:var(--snrg-font-primary);font-weight:500;color:var(--snrg-text-secondary);text-decoration:none;padding:var(--snrg-space-sm) var(--snrg-space-md);border-radius:var(--snrg-radius-md);transition:all var(--snrg-transition-normal);position:relative}.snrg-nav-link:hover{color:var(--snrg-primary);text-shadow:var(--snrg-shadow-text);background:var(--snrg-primary-alpha-light)}.snrg-nav-link.active{color:var(--snrg-primary);background:var(--snrg-primary-alpha-light)}.snrg-dropdown{position:relative;display:inline-block}.snrg-dropdown-content{position:absolute;top:100%;left:0;min-width:200px;background:var(--snrg-bg-glass-dark);border:1px solid var(--snrg-border-primary);border-radius:var(--snrg-radius-lg);padding:var(--snrg-space-md);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 4px 20px #0000004d;z-index:var(--snrg-z-dropdown);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--snrg-transition-normal)}.snrg-dropdown:hover .snrg-dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.snrg-dropdown-item{display:block;padding:var(--snrg-space-sm) var(--snrg-space-md);color:var(--snrg-text-secondary);text-decoration:none;border-radius:var(--snrg-radius-md);transition:all var(--snrg-transition-fast)}.snrg-dropdown-item:hover{color:var(--snrg-primary);background:var(--snrg-primary-alpha-light);text-shadow:var(--snrg-shadow-text)}.snrg-modal{position:fixed;inset:0;z-index:var(--snrg-z-modal);display:flex;align-items:center;justify-content:center;padding:var(--snrg-space-lg);opacity:0;visibility:hidden;transition:all var(--snrg-transition-normal)}.snrg-modal.snrg-modal-open{opacity:1;visibility:visible}.snrg-modal-overlay{position:absolute;inset:0;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:-1}.snrg-modal-content{position:relative;background:var(--snrg-bg-glass-dark);border:1px solid var(--snrg-border-primary);border-radius:var(--snrg-radius-xl);padding:var(--snrg-space-2xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 0 20px var(--snrg-primary-alpha),0 8px 32px #0009;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;transform:scale(.95);transition:transform var(--snrg-transition-normal)}.snrg-modal.snrg-modal-open .snrg-modal-content{transform:scale(1)}.snrg-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--snrg-space-lg);padding-bottom:var(--snrg-space-md);border-bottom:1px solid var(--snrg-border-secondary)}.snrg-modal-title{font-family:var(--snrg-font-primary);font-size:1.5rem;font-weight:700;color:var(--snrg-text-primary)}.snrg-modal-close{background:none;border:none;color:var(--snrg-text-muted);font-size:1.5rem;cursor:pointer;padding:var(--snrg-space-xs);border-radius:var(--snrg-radius-md);transition:all var(--snrg-transition-fast);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.snrg-modal-close:hover{color:var(--snrg-text-primary);background:var(--snrg-primary-alpha-light);transform:scale(1.1)}.snrg-modal-body{color:var(--snrg-text-secondary);line-height:1.6}.snrg-progress{width:100%;height:8px;background:var(--snrg-bg-glass);border-radius:var(--snrg-radius-full);overflow:hidden;border:1px solid var(--snrg-border-secondary)}.snrg-progress-bar{height:100%;background:linear-gradient(90deg,var(--snrg-primary) 0%,var(--snrg-primary-light) 100%);border-radius:var(--snrg-radius-full);transition:width var(--snrg-transition-slow);position:relative}.snrg-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progress-shine 2s infinite}.snrg-spinner{width:40px;height:40px;border:3px solid var(--snrg-border-secondary);border-top:3px solid var(--snrg-primary);border-radius:50%;animation:snrg-spin 1s linear infinite}.snrg-spinner-sm{width:20px;height:20px;border-width:2px}.snrg-spinner-lg{width:60px;height:60px;border-width:4px}.snrg-tooltip{position:relative;display:inline-block}.snrg-tooltip-content{position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:var(--snrg-bg-glass-dark);color:var(--snrg-text-primary);padding:var(--snrg-space-sm) var(--snrg-space-md);border-radius:var(--snrg-radius-md);border:1px solid var(--snrg-border-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:.875rem;white-space:nowrap;z-index:var(--snrg-z-tooltip);opacity:0;visibility:hidden;transition:all var(--snrg-transition-normal)}.snrg-tooltip:hover .snrg-tooltip-content{opacity:1;visibility:visible}.snrg-tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--snrg-bg-glass-dark)}.snrg-accordion{width:100%}.snrg-accordion-item{border:1px solid var(--snrg-border-secondary);border-radius:var(--snrg-radius-lg);margin-bottom:var(--snrg-space-sm);overflow:hidden;background:var(--snrg-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.snrg-accordion-header{width:100%;padding:var(--snrg-space-lg);background:transparent;border:none;color:var(--snrg-text-primary);font-family:var(--snrg-font-primary);font-size:1rem;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--snrg-transition-normal)}.snrg-accordion-header:hover{background:var(--snrg-primary-alpha-light);color:var(--snrg-primary)}.snrg-accordion-icon{font-size:1.25rem;transition:transform var(--snrg-transition-normal)}.snrg-accordion-item.active .snrg-accordion-icon{transform:rotate(45deg)}.snrg-accordion-content{max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:none}.snrg-accordion-content.animating{transition:all .3s ease-out}.snrg-accordion-content p{padding:0 var(--snrg-space-lg) var(--snrg-space-lg);margin:0;color:var(--snrg-text-secondary);line-height:1.6}.snrg-carousel{position:relative;width:100%;max-width:600px;margin:0 auto}.snrg-carousel-container{position:relative;width:100%;height:300px;overflow:hidden;border-radius:var(--snrg-radius-lg);border:1px solid var(--snrg-border-primary)}.snrg-carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translate(100%);transition:all var(--snrg-transition-slow);display:flex;align-items:center;justify-content:center}.snrg-carousel-slide.active{opacity:1;transform:translate(0)}.snrg-carousel-slide.prev{transform:translate(-100%)}.snrg-carousel-controls{display:flex;justify-content:space-between;align-items:center;margin-top:var(--snrg-space-lg);padding:0 var(--snrg-space-md)}.snrg-carousel-btn{background:var(--snrg-bg-glass);border:1px solid var(--snrg-border-primary);color:var(--snrg-text-primary);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all var(--snrg-transition-normal);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.snrg-carousel-btn:hover{background:var(--snrg-primary-alpha);border-color:var(--snrg-primary);color:var(--snrg-primary);transform:scale(1.1)}.snrg-carousel-dots{display:flex;gap:var(--snrg-space-sm)}.snrg-carousel-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--snrg-border-secondary);background:transparent;cursor:pointer;transition:all var(--snrg-transition-normal)}.snrg-carousel-dot.active,.snrg-carousel-dot:hover{background:var(--snrg-primary);border-color:var(--snrg-primary);transform:scale(1.2)}.snrg-btn-press{position:relative;overflow:hidden;transition:all var(--snrg-transition-fast)}.snrg-btn-press:active{transform:translateY(2px) scale(.98);box-shadow:inset 0 2px 4px #0003}.snrg-btn-press:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.snrg-btn-press:active:before{left:100%}@media (max-width: 768px){.snrg-nav{flex-direction:column;gap:var(--snrg-space-lg)}.snrg-nav-links{flex-direction:column;gap:var(--snrg-space-md)}.snrg-card{padding:var(--snrg-space-lg)}.snrg-modal{margin:var(--snrg-space-md);padding:var(--snrg-space-lg)}}@media (max-width: 480px){.snrg-btn{width:100%;justify-content:center}.snrg-card{padding:var(--snrg-space-md)}}.snrg-container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--snrg-space-lg)}.snrg-container-sm{max-width:640px}.snrg-container-md{max-width:768px}.snrg-container-lg{max-width:1024px}.snrg-container-xl{max-width:1280px}.snrg-container-full{max-width:100%}.snrg-grid{display:grid;gap:var(--snrg-space-lg)}.snrg-grid-cols-1{grid-template-columns:repeat(1,1fr)}.snrg-grid-cols-2{grid-template-columns:repeat(2,1fr)}.snrg-grid-cols-3{grid-template-columns:repeat(3,1fr)}.snrg-grid-cols-4{grid-template-columns:repeat(4,1fr)}.snrg-grid-cols-5{grid-template-columns:repeat(5,1fr)}.snrg-grid-cols-6{grid-template-columns:repeat(6,1fr)}.snrg-grid-cols-12{grid-template-columns:repeat(12,1fr)}.snrg-flex-col{flex-direction:column}.snrg-flex-row{flex-direction:row}.snrg-flex-wrap{flex-wrap:wrap}.snrg-flex-nowrap{flex-wrap:nowrap}.snrg-items-start{align-items:flex-start}.snrg-items-center{align-items:center}.snrg-items-end{align-items:flex-end}.snrg-items-stretch{align-items:stretch}.snrg-justify-start{justify-content:flex-start}.snrg-justify-center{justify-content:center}.snrg-justify-end{justify-content:flex-end}.snrg-justify-between{justify-content:space-between}.snrg-justify-around{justify-content:space-around}.snrg-justify-evenly{justify-content:space-evenly}.snrg-gap-xs{gap:var(--snrg-space-xs)}.snrg-gap-sm{gap:var(--snrg-space-sm)}.snrg-gap-md{gap:var(--snrg-space-md)}.snrg-gap-lg{gap:var(--snrg-space-lg)}.snrg-gap-xl{gap:var(--snrg-space-xl)}.snrg-gap-2xl{gap:var(--snrg-space-2xl)}.snrg-gap-3xl{gap:var(--snrg-space-3xl)}.snrg-p-0{padding:0}.snrg-p-xs{padding:var(--snrg-space-xs)}.snrg-p-sm{padding:var(--snrg-space-sm)}.snrg-p-md{padding:var(--snrg-space-md)}.snrg-p-lg{padding:var(--snrg-space-lg)}.snrg-p-xl{padding:var(--snrg-space-xl)}.snrg-p-2xl{padding:var(--snrg-space-2xl)}.snrg-p-3xl{padding:var(--snrg-space-3xl)}.snrg-px-xs{padding-left:var(--snrg-space-xs);padding-right:var(--snrg-space-xs)}.snrg-px-sm{padding-left:var(--snrg-space-sm);padding-right:var(--snrg-space-sm)}.snrg-px-md{padding-left:var(--snrg-space-md);padding-right:var(--snrg-space-md)}.snrg-px-lg{padding-left:var(--snrg-space-lg);padding-right:var(--snrg-space-lg)}.snrg-px-xl{padding-left:var(--snrg-space-xl);padding-right:var(--snrg-space-xl)}.snrg-py-xs{padding-top:var(--snrg-space-xs);padding-bottom:var(--snrg-space-xs)}.snrg-py-sm{padding-top:var(--snrg-space-sm);padding-bottom:var(--snrg-space-sm)}.snrg-py-md{padding-top:var(--snrg-space-md);padding-bottom:var(--snrg-space-md)}.snrg-py-lg{padding-top:var(--snrg-space-lg);padding-bottom:var(--snrg-space-lg)}.snrg-py-xl{padding-top:var(--snrg-space-xl);padding-bottom:var(--snrg-space-xl)}.snrg-py-2xl{padding-top:var(--snrg-space-2xl);padding-bottom:var(--snrg-space-2xl)}.snrg-py-3xl{padding-top:var(--snrg-space-3xl);padding-bottom:var(--snrg-space-3xl)}.snrg-m-0{margin:0}.snrg-m-xs{margin:var(--snrg-space-xs)}.snrg-m-sm{margin:var(--snrg-space-sm)}.snrg-m-md{margin:var(--snrg-space-md)}.snrg-m-lg{margin:var(--snrg-space-lg)}.snrg-m-xl{margin:var(--snrg-space-xl)}.snrg-m-2xl{margin:var(--snrg-space-2xl)}.snrg-m-3xl{margin:var(--snrg-space-3xl)}.snrg-mx-auto{margin-left:auto;margin-right:auto}.snrg-my-auto{margin-top:auto;margin-bottom:auto}.snrg-mt-xs{margin-top:var(--snrg-space-xs)}.snrg-mt-sm{margin-top:var(--snrg-space-sm)}.snrg-mt-md{margin-top:var(--snrg-space-md)}.snrg-mt-lg{margin-top:var(--snrg-space-lg)}.snrg-mt-xl{margin-top:var(--snrg-space-xl)}.snrg-mt-2xl{margin-top:var(--snrg-space-2xl)}.snrg-mt-3xl{margin-top:var(--snrg-space-3xl)}.snrg-mb-xs{margin-bottom:var(--snrg-space-xs)}.snrg-mb-sm{margin-bottom:var(--snrg-space-sm)}.snrg-mb-md{margin-bottom:var(--snrg-space-md)}.snrg-mb-lg{margin-bottom:var(--snrg-space-lg)}.snrg-mb-xl{margin-bottom:var(--snrg-space-xl)}.snrg-mb-2xl{margin-bottom:var(--snrg-space-2xl)}.snrg-mb-3xl{margin-bottom:var(--snrg-space-3xl)}.snrg-w-full{width:100%}.snrg-w-auto{width:auto}.snrg-w-fit{width:fit-content}.snrg-w-max{width:max-content}.snrg-w-min{width:min-content}.snrg-w-1\/2{width:50%}.snrg-w-1\/3{width:33.333333%}.snrg-w-2\/3{width:66.666667%}.snrg-w-1\/4{width:25%}.snrg-w-3\/4{width:75%}.snrg-h-full{height:100%}.snrg-h-auto{height:auto}.snrg-h-fit{height:fit-content}.snrg-h-max{height:max-content}.snrg-h-min{height:min-content}.snrg-h-screen{height:100vh}.snrg-min-h-screen{min-height:100vh}.snrg-block{display:block}.snrg-inline{display:inline}.snrg-inline-block{display:inline-block}.snrg-flex{display:flex}.snrg-inline-flex{display:inline-flex}.snrg-grid{display:grid}.snrg-inline-grid{display:inline-grid}.snrg-hidden{display:none}.snrg-static{position:static}.snrg-relative{position:relative}.snrg-absolute{position:absolute}.snrg-fixed{position:fixed}.snrg-sticky{position:sticky}.snrg-text-left{text-align:left}.snrg-text-center{text-align:center}.snrg-text-right{text-align:right}.snrg-text-justify{text-align:justify}.snrg-font-light{font-weight:300}.snrg-font-normal{font-weight:400}.snrg-font-medium{font-weight:500}.snrg-font-semibold{font-weight:600}.snrg-font-bold{font-weight:700}.snrg-font-extrabold{font-weight:800}.snrg-font-black{font-weight:900}.snrg-uppercase{text-transform:uppercase}.snrg-lowercase{text-transform:lowercase}.snrg-capitalize{text-transform:capitalize}.snrg-italic{font-style:italic}.snrg-not-italic{font-style:normal}.snrg-underline{text-decoration:underline}.snrg-no-underline{text-decoration:none}.snrg-line-through{text-decoration:line-through}.snrg-border{border-width:1px;border-style:solid;border-color:var(--snrg-border-primary)}.snrg-border-0{border-width:0}.snrg-border-2{border-width:2px}.snrg-border-4{border-width:4px}.snrg-border-8{border-width:8px}.snrg-border-t{border-top-width:1px;border-top-style:solid;border-top-color:var(--snrg-border-primary)}.snrg-border-r{border-right-width:1px;border-right-style:solid;border-right-color:var(--snrg-border-primary)}.snrg-border-b{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:var(--snrg-border-primary)}.snrg-border-l{border-left-width:1px;border-left-style:solid;border-left-color:var(--snrg-border-primary)}.snrg-border-primary{border-color:var(--snrg-border-primary)}.snrg-border-secondary{border-color:var(--snrg-border-secondary)}.snrg-border-light{border-color:var(--snrg-border-light)}.snrg-rounded-none{border-radius:0}.snrg-rounded-sm{border-radius:var(--snrg-radius-sm)}.snrg-rounded,.snrg-rounded-md{border-radius:var(--snrg-radius-md)}.snrg-rounded-lg{border-radius:var(--snrg-radius-lg)}.snrg-rounded-xl{border-radius:var(--snrg-radius-xl)}.snrg-rounded-2xl{border-radius:var(--snrg-radius-2xl)}.snrg-rounded-full{border-radius:var(--snrg-radius-full)}.snrg-shadow-sm{box-shadow:0 1px 2px #0000000d}.snrg-shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.snrg-shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.snrg-shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.snrg-shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.snrg-shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.snrg-shadow-glow{box-shadow:var(--snrg-shadow-glow)}.snrg-shadow-primary{box-shadow:var(--snrg-shadow-primary)}.snrg-opacity-0{opacity:0}.snrg-opacity-25{opacity:.25}.snrg-opacity-50{opacity:.5}.snrg-opacity-75{opacity:.75}.snrg-opacity-100{opacity:1}.snrg-overflow-auto{overflow:auto}.snrg-overflow-hidden{overflow:hidden}.snrg-overflow-visible{overflow:visible}.snrg-overflow-scroll{overflow:scroll}.snrg-overflow-x-auto{overflow-x:auto}.snrg-overflow-x-hidden{overflow-x:hidden}.snrg-overflow-x-visible{overflow-x:visible}.snrg-overflow-x-scroll{overflow-x:scroll}.snrg-overflow-y-auto{overflow-y:auto}.snrg-overflow-y-hidden{overflow-y:hidden}.snrg-overflow-y-visible{overflow-y:visible}.snrg-overflow-y-scroll{overflow-y:scroll}@media (max-width: 1024px){.snrg-container{padding:0 var(--snrg-space-md)}.snrg-grid-cols-6,.snrg-grid-cols-5{grid-template-columns:repeat(3,1fr)}.snrg-grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.snrg-container{padding:0 var(--snrg-space-sm)}.snrg-grid-cols-3{grid-template-columns:repeat(2,1fr)}.snrg-grid-cols-2{grid-template-columns:repeat(1,1fr)}.snrg-flex-col-mobile{flex-direction:column}.snrg-text-center-mobile{text-align:center}}@media (max-width: 480px){.snrg-container{padding:0 var(--snrg-space-xs)}.snrg-grid-cols-2{grid-template-columns:repeat(1,1fr)}.snrg-p-lg{padding:var(--snrg-space-md)}.snrg-p-xl{padding:var(--snrg-space-lg)}.snrg-p-2xl{padding:var(--snrg-space-xl)}}.snrg-app{min-height:100vh;background:var(--snrg-bg-primary);color:var(--snrg-text-secondary);font-family:var(--snrg-font-body);line-height:1.6;position:relative;overflow-x:hidden}.demo-wrapper{min-height:100vh;background:var(--snrg-bg-primary);margin:0;padding:80px 0 0;width:100%;overflow-x:hidden}.demo-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--snrg-bg-primary);padding:var(--snrg-space-xl)}.demo-login-form{background:var(--snrg-bg-glass);border:1px solid var(--snrg-border-primary);border-radius:var(--snrg-radius-lg);padding:var(--snrg-space-2xl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:400px;width:100%}.demo-login-header{text-align:center;margin-bottom:var(--snrg-space-xl)}.demo-login-logo{width:48px;height:48px;margin-bottom:var(--snrg-space-md)}.demo-login-title{font-family:var(--snrg-font-primary);font-size:1.5rem;font-weight:700;color:var(--snrg-text-primary);margin-bottom:var(--snrg-space-sm)}.demo-login-subtitle{color:var(--snrg-text-muted);font-size:.9rem}.demo-form-group{margin-bottom:var(--snrg-space-lg)}.demo-form-label{display:block;margin-bottom:var(--snrg-space-sm);color:var(--snrg-text-primary);font-weight:500}.demo-form-input{width:100%;padding:var(--snrg-space-md);border:1px solid var(--snrg-border-primary);border-radius:var(--snrg-radius-md);background:var(--snrg-bg-glass);color:var(--snrg-text-primary);font-size:1rem;outline:none;transition:all .2s ease}.demo-form-input:focus{border-color:var(--snrg-primary);box-shadow:0 0 0 2px #0ff3}.demo-error{color:var(--snrg-error);margin-bottom:var(--snrg-space-md);text-align:center;font-size:.9rem}.demo-section{margin:var(--snrg-space-3xl) 0;padding:var(--snrg-space-2xl) 0}.demo-section:nth-child(2n){background:var(--snrg-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.demo-title{font-family:var(--snrg-font-primary);font-size:2.5rem;font-weight:700;color:var(--snrg-text-primary);text-align:center;margin-bottom:var(--snrg-space-xl)}.demo-subtitle{font-size:1.25rem;color:var(--snrg-text-muted);text-align:center;margin-bottom:var(--snrg-space-2xl)}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--snrg-space-xl);margin:var(--snrg-space-xl) 0}.demo-item{background:var(--snrg-bg-glass);border:1px solid var(--snrg-border-primary);border-radius:var(--snrg-radius-lg);padding:var(--snrg-space-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative}.demo-item-title{font-family:var(--snrg-font-primary);font-size:1.25rem;font-weight:600;color:var(--snrg-text-primary);margin-bottom:var(--snrg-space-md)}.demo-item-description{color:var(--snrg-text-muted);margin-bottom:var(--snrg-space-lg)}.demo-item-view-code{position:absolute;bottom:var(--snrg-space-md);right:var(--snrg-space-md);color:var(--snrg-primary);font-size:.875rem;text-decoration:none;font-weight:500;transition:all .2s ease}.demo-item-view-code:hover{color:var(--snrg-accent);text-decoration:underline}.snrg-hero-bg-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.snrg-hero-bg-image{width:1000px;height:1000px;opacity:.08;filter:blur(1px);transition:all .3s ease}.snrg-hero-content{position:relative;z-index:2}.snrg-hero-text{text-align:center;margin-bottom:var(--snrg-space-2xl)}@media (max-width: 768px){.snrg-hero-bg-image{width:250px;height:250px;opacity:.05}}.badge-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:var(--snrg-space-md);max-width:450px;margin:0 auto;justify-items:center}@media (max-width: 768px){.badge-container{max-width:100%;gap:var(--snrg-space-sm)}}.snrg-alert{position:fixed;bottom:20px;right:20px;transform:translateY(100%);background:#1f2937cc;color:var(--snrg-text-primary);padding:var(--snrg-space-lg);border-radius:var(--snrg-radius-lg);z-index:9999;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;gap:var(--snrg-space-md);min-width:350px;max-width:450px;opacity:0;transition:all .4s ease;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1)}.snrg-alert-show{transform:translateY(0);opacity:1}.snrg-alert-hide{transform:translate(100%);opacity:0}.snrg-alert-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;flex-shrink:0}.snrg-alert-content{flex:1}.snrg-alert-title{font-weight:700;font-size:1.1rem;margin-bottom:var(--snrg-space-xs);color:#fff}.snrg-alert-message{font-size:.9rem;color:#d1d5db;line-height:1.4}.snrg-alert-close{background:none;border:none;color:var(--snrg-text-muted);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.snrg-alert-close:hover{color:var(--snrg-text-primary)}.snrg-alert-primary{border:2px solid #00CED1;box-shadow:0 0 20px #00ced199,0 0 30px #00ced166}.snrg-alert-primary .snrg-alert-icon{background:linear-gradient(135deg,#00ced1,#00b8b8);color:#000;box-shadow:0 0 10px #00ced180}.snrg-alert-secondary{border:2px solid #6b7280;box-shadow:0 0 20px #6b728099,0 0 30px #6b728066}.snrg-alert-secondary .snrg-alert-icon{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 0 10px #6b728080}.snrg-alert-success{border:2px solid #10b981;box-shadow:0 0 20px #10b98199,0 0 30px #10b98166}.snrg-alert-success .snrg-alert-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 0 10px #10b98180}.snrg-alert-warning{border:2px solid #f59e0b;box-shadow:0 0 20px #f59e0b99,0 0 30px #f59e0b66}.snrg-alert-warning .snrg-alert-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;box-shadow:0 0 10px #f59e0b80}.snrg-alert-error{border:2px solid #ef4444;box-shadow:0 0 20px #ef444499,0 0 30px #ef444466}.snrg-alert-error .snrg-alert-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 0 10px #ef444480}.snrg-alert-info{border:2px solid #3b82f6;box-shadow:0 0 20px #3b82f699,0 0 30px #3b82f666}.snrg-alert-info .snrg-alert-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 0 10px #3b82f680}.snrg-badge:hover{transform:translateY(-2px);transition:all .3s ease}.snrg-badge-secondary:hover{box-shadow:0 0 15px #6b728099,0 0 25px #6b728066}.snrg-badge-info{border:1px solid #6b7280;transition:all .3s ease}.snrg-badge-info:hover{border:2px solid #3b82f6;box-shadow:0 0 15px #3b82f699,0 0 25px #3b82f666}.snrg-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.snrg-accordion-open{max-height:1000px}.snrg-carousel-slide{transition:transform .5s ease}.slide-in-left{transform:translate(-100%);animation:slideInLeft .5s ease forwards}.slide-in-right{transform:translate(100%);animation:slideInRight .5s ease forwards}.slide-out-left{transform:translate(-100%);animation:slideOutLeft .5s ease forwards}.slide-out-right{transform:translate(100%);animation:slideOutRight .5s ease forwards}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.snrg-carousel-dots{display:flex;justify-content:center;gap:var(--snrg-space-sm);margin-bottom:var(--snrg-space-md)}.snrg-carousel-controls{display:flex;justify-content:center;align-items:center;gap:var(--snrg-space-md)}.snrg-carousel-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--snrg-border-primary);background:var(--snrg-bg-glass);color:var(--snrg-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.snrg-carousel-btn:hover{background:var(--snrg-primary);color:var(--snrg-bg-primary)}.snrg-carousel-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--snrg-border-primary);background:transparent;cursor:pointer;transition:all .2s ease}.snrg-carousel-dot.active{background:var(--snrg-primary);border-color:var(--snrg-primary)}.snrg-countdown{background:var(--snrg-bg-glass);border:1px solid var(--snrg-border-primary);border-radius:var(--snrg-radius-lg);padding:var(--snrg-space-lg);text-align:center;font-family:var(--snrg-font-primary);font-size:var(--snrg-text-lg);color:var(--snrg-text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.color-square{padding:var(--snrg-space-lg);border-radius:var(--snrg-radius-md);text-align:left;font-size:.8rem;line-height:1.2;min-height:120px;display:flex;flex-direction:column;justify-content:center}.color-hex{font-weight:700;font-size:.9rem;margin-bottom:var(--snrg-space-xs)}.color-rgb,.color-hsl{font-size:.7rem;font-weight:700;opacity:.8}.color-labels{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--snrg-space-sm);margin-top:var(--snrg-space-sm);font-size:.9rem;color:var(--snrg-text-muted);text-align:center}.demo-item-full{grid-column:1 / -1}.snrg-marquee{overflow:hidden;white-space:nowrap;background:var(--snrg-bg-glass);border:1px solid var(--snrg-border-primary);border-radius:var(--snrg-radius-md);padding:var(--snrg-space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.snrg-marquee-content{display:inline-block;animation:marquee 20s linear infinite}.snrg-marquee-reverse .snrg-marquee-content{animation:marquee-reverse 20s linear infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes marquee-reverse{0%{transform:translate(-100%)}to{transform:translate(100%)}}.snrg-marquee-primary{border-color:var(--snrg-primary)}.snrg-marquee-secondary{border-color:var(--snrg-secondary)}.snrg-marquee-accent{border-color:var(--snrg-accent)}.snrg-scroll-animate{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.snrg-fade-in{opacity:0;transform:translateY(20px);transition:all .8s ease-out}.snrg-slide-up{opacity:0;transform:translateY(50px);transition:all .7s ease-out}.snrg-scale-in{opacity:0;transform:scale(.8);transition:all .6s ease-out}.snrg-animate-in{opacity:1!important;transform:translateY(0) scale(1)!important}.snrg-btn-loading{position:relative;overflow:hidden}.snrg-btn-loading.snrg-loading{pointer-events:none}.snrg-btn-loading.snrg-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.8),transparent);animation:snrg-loading-shimmer 1.5s infinite}@keyframes snrg-loading-shimmer{0%{left:-100%}to{left:100%}}.shooting-star{position:absolute;width:2px;height:2px;border-radius:50%;animation:shooting-star 5s linear infinite;top:var(--start-y);left:0;box-shadow:0 0 6px currentColor}@keyframes shooting-star{0%{transform:translate(0) translateY(0);opacity:1}to{transform:translate(100vw) translateY(calc(var(--end-y) - var(--start-y)));opacity:0}}.snrg-app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(0,206,209,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,139,139,.08) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(0,255,255,.05) 0%,transparent 50%),linear-gradient(135deg,#000,#0a0a0a,#000,#0f0f0f,#000);z-index:-2;animation:snrg-fog-movement 20s ease-in-out infinite}.snrg-app:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 60% 40%,rgba(0,206,209,.06) 0%,transparent 40%),radial-gradient(circle at 30% 70%,rgba(0,139,139,.04) 0%,transparent 40%),radial-gradient(circle at 70% 30%,rgba(0,255,255,.03) 0%,transparent 40%);z-index:-1;animation:snrg-fog-movement 25s ease-in-out infinite reverse}.snrg-app-header{position:fixed;top:0;left:0;right:0;z-index:var(--snrg-z-fixed);background:var(--snrg-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--snrg-border-secondary);transition:all var(--snrg-transition-slow)}.snrg-app-header.scrolled{background:var(--snrg-bg-glass-dark);box-shadow:0 4px 20px #0000004d}.snrg-app-main{padding-top:80px;min-height:calc(100vh - 80px)}.snrg-app-footer{background:var(--snrg-bg-glass);border-top:1px solid var(--snrg-border-secondary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.snrg-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--snrg-bg-primary) 0%,var(--snrg-bg-secondary) 100%);overflow:hidden}.snrg-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 30%,rgba(31,41,55,.5) 0%,transparent 50%),radial-gradient(circle at 75% 70%,rgba(55,65,81,.5) 0%,transparent 50%),radial-gradient(circle at 10% 80%,rgba(31,41,55,.4) 0%,transparent 40%),radial-gradient(circle at 90% 10%,rgba(55,65,81,.4) 0%,transparent 40%);z-index:1}.snrg-parallax-bg{position:absolute;inset:0;z-index:0}.snrg-parallax-layer{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,206,209,.1) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(0,139,139,.08) 0%,transparent 60%);opacity:.6}.snrg-parallax-layer-2{position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(0,255,255,.05) 0%,transparent 70%),radial-gradient(circle at 40% 60%,rgba(0,206,209,.03) 0%,transparent 70%);opacity:.4}.snrg-hero-content{position:relative;z-index:2;text-align:center;max-width:1200px;padding:0 var(--snrg-space-lg)}.snrg-hero-title{font-family:var(--snrg-font-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:var(--snrg-text-primary);margin-bottom:var(--snrg-space-lg);line-height:1.2}.snrg-hero-subtitle{font-family:var(--snrg-font-secondary);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;color:var(--snrg-primary);margin-bottom:var(--snrg-space-xl);line-height:1.3}.snrg-hero-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--snrg-text-tertiary);max-width:800px;margin:0 auto var(--snrg-space-2xl);line-height:1.6}.snrg-section{padding:var(--snrg-space-3xl) 0;position:relative}.snrg-section-alt{background:var(--snrg-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.snrg-section-content{max-width:1200px;margin:0 auto;padding:0 var(--snrg-space-lg)}.snrg-section-header{text-align:center;margin-bottom:var(--snrg-space-3xl)}.snrg-section-title{font-family:var(--snrg-font-primary);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--snrg-text-primary);margin-bottom:var(--snrg-space-lg);line-height:1.2}.snrg-section-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--snrg-text-muted);max-width:600px;margin:0 auto;line-height:1.6}.snrg-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--snrg-space-xl);margin-top:var(--snrg-space-2xl)}.snrg-feature-card{background:var(--snrg-bg-glass);border:1px solid var(--snrg-border-primary);border-radius:var(--snrg-radius-xl);padding:var(--snrg-space-xl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all var(--snrg-transition-normal);position:relative;overflow:hidden}.snrg-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--snrg-primary) 0%,var(--snrg-primary-light) 100%);transform:scaleX(0);transition:transform var(--snrg-transition-normal)}.snrg-feature-card:hover{transform:translateY(-8px);box-shadow:var(--snrg-shadow-glow);border-color:var(--snrg-primary)}.snrg-feature-card:hover:before{transform:scaleX(1)}.snrg-feature-icon{width:64px;height:64px;background:var(--snrg-primary-alpha);border-radius:var(--snrg-radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--snrg-space-lg);font-size:2rem}.snrg-feature-title{font-family:var(--snrg-font-primary);font-size:1.5rem;font-weight:700;color:var(--snrg-text-primary);margin-bottom:var(--snrg-space-md)}.snrg-feature-description{color:var(--snrg-text-muted);line-height:1.6}.snrg-cta{background:var(--snrg-primary-alpha-light);border:1px solid var(--snrg-border-primary);border-radius:var(--snrg-radius-xl);padding:var(--snrg-space-2xl);text-align:center;position:relative;overflow:hidden}.snrg-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--snrg-primary-alpha-light) 0%,transparent 50%);z-index:1}.snrg-cta-content{position:relative;z-index:2}.snrg-cta-title{font-family:var(--snrg-font-primary);font-size:2rem;font-weight:700;color:var(--snrg-primary);margin-bottom:var(--snrg-space-lg)}.snrg-cta-description{font-size:1.125rem;color:var(--snrg-text-secondary);margin-bottom:var(--snrg-space-xl);max-width:600px;margin-left:auto;margin-right:auto}.snrg-cta-buttons{display:flex;gap:var(--snrg-space-lg);justify-content:center;flex-wrap:wrap}.snrg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--snrg-space-xl);margin:var(--snrg-space-2xl) 0}.snrg-stat{text-align:center;padding:var(--snrg-space-lg);background:var(--snrg-bg-glass);border:1px solid var(--snrg-border-secondary);border-radius:var(--snrg-radius-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all var(--snrg-transition-normal)}.snrg-stat:hover{border-color:var(--snrg-primary);box-shadow:var(--snrg-shadow-primary)}.snrg-stat-number{font-family:var(--snrg-font-primary);font-size:3rem;font-weight:700;color:var(--snrg-primary);line-height:1;margin-bottom:var(--snrg-space-sm)}.snrg-stat-label{font-size:1rem;color:var(--snrg-text-muted);text-transform:uppercase;letter-spacing:.05em}.snrg-timeline{position:relative;padding:var(--snrg-space-2xl) 0}.snrg-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--snrg-border-primary);transform:translate(-50%)}.snrg-timeline-item{position:relative;margin-bottom:var(--snrg-space-2xl);display:flex;align-items:center}.snrg-timeline-item:nth-child(odd){flex-direction:row}.snrg-timeline-item:nth-child(2n){flex-direction:row-reverse}.snrg-timeline-content{flex:1;max-width:45%;background:var(--snrg-bg-glass);border:1px solid var(--snrg-border-primary);border-radius:var(--snrg-radius-lg);padding:var(--snrg-space-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative}.snrg-timeline-item:nth-child(odd) .snrg-timeline-content{margin-right:var(--snrg-space-xl)}.snrg-timeline-item:nth-child(2n) .snrg-timeline-content{margin-left:var(--snrg-space-xl)}.snrg-timeline-dot{position:absolute;left:50%;top:50%;width:16px;height:16px;background:var(--snrg-primary);border:4px solid var(--snrg-bg-primary);border-radius:50%;transform:translate(-50%,-50%);z-index:2;box-shadow:var(--snrg-shadow-primary)}.snrg-timeline-date{font-family:var(--snrg-font-primary);font-weight:600;color:var(--snrg-primary);margin-bottom:var(--snrg-space-sm)}.snrg-timeline-title{font-family:var(--snrg-font-primary);font-size:1.25rem;font-weight:700;color:var(--snrg-text-primary);margin-bottom:var(--snrg-space-sm)}.snrg-timeline-description{color:var(--snrg-text-muted);line-height:1.6}.snrg-testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--snrg-space-xl);margin:var(--snrg-space-2xl) 0}.snrg-testimonial{background:var(--snrg-bg-glass);border:1px solid var(--snrg-border-secondary);border-radius:var(--snrg-radius-lg);padding:var(--snrg-space-xl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;transition:all var(--snrg-transition-normal)}.snrg-testimonial:hover{border-color:var(--snrg-primary);box-shadow:var(--snrg-shadow-primary);transform:translateY(-4px)}.snrg-testimonial:before{content:'"';position:absolute;top:var(--snrg-space-lg);left:var(--snrg-space-lg);font-size:4rem;color:var(--snrg-primary);opacity:.3;font-family:serif}.snrg-testimonial-content{font-style:italic;color:var(--snrg-text-secondary);margin-bottom:var(--snrg-space-lg);line-height:1.6}.snrg-testimonial-author{display:flex;align-items:center;gap:var(--snrg-space-md)}.snrg-testimonial-avatar{width:48px;height:48px;border-radius:50%;background:var(--snrg-primary-alpha);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--snrg-primary)}.snrg-testimonial-info h4{font-family:var(--snrg-font-primary);font-size:1rem;font-weight:600;color:var(--snrg-text-primary);margin-bottom:var(--snrg-space-xs)}.snrg-testimonial-info p{font-size:.875rem;color:var(--snrg-text-muted)}.snrg-newsletter{background:var(--snrg-bg-glass);border:1px solid var(--snrg-border-primary);border-radius:var(--snrg-radius-xl);padding:var(--snrg-space-2xl);text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:600px;margin:0 auto}.snrg-newsletter-title{font-family:var(--snrg-font-primary);font-size:1.5rem;font-weight:700;color:var(--snrg-text-primary);margin-bottom:var(--snrg-space-md)}.snrg-newsletter-description{color:var(--snrg-text-muted);margin-bottom:var(--snrg-space-xl)}.snrg-newsletter-form{display:flex;gap:var(--snrg-space-md);max-width:400px;margin:0 auto}.snrg-newsletter-input{flex:1;padding:var(--snrg-space-md);background:var(--snrg-bg-glass);border:1px solid var(--snrg-border-secondary);border-radius:var(--snrg-radius-lg);color:var(--snrg-text-primary);font-family:var(--snrg-font-body)}.snrg-newsletter-input:focus{outline:none;border-color:var(--snrg-primary);box-shadow:0 0 0 3px var(--snrg-primary-alpha)}@media (max-width: 768px){.snrg-hero-title{font-size:2.5rem}.snrg-hero-subtitle{font-size:1.5rem}.snrg-section-title{font-size:2rem}.snrg-feature-grid{grid-template-columns:1fr}.snrg-timeline:before{left:20px}.snrg-timeline-item{flex-direction:column!important;align-items:flex-start;padding-left:60px}.snrg-timeline-content{max-width:100%;margin:0!important}.snrg-timeline-dot{left:20px}.snrg-cta-buttons{flex-direction:column;align-items:center}.snrg-newsletter-form{flex-direction:column}}@media (max-width: 480px){.snrg-hero{padding:var(--snrg-space-lg)}.snrg-section{padding:var(--snrg-space-xl) 0}.snrg-feature-card,.snrg-testimonial,.snrg-newsletter{padding:var(--snrg-space-lg)}}.docs-wrapper{min-height:100vh;background:var(--snrg-bg-primary);margin:0;padding:0;width:100%;display:flex;flex-direction:column}.docs-container{display:flex;flex:1;min-height:0;margin-left:280px}.docs-main{flex:1;padding:var(--snrg-space-2xl);overflow-y:auto;display:flex;flex-direction:column;min-height:100vh}.docs-sidebar{width:280px;background:var(--snrg-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:1px solid var(--snrg-border-primary);padding:var(--snrg-space-lg);overflow-y:auto;position:fixed;top:80px;bottom:0;left:0}.docs-sidebar-title{font-family:var(--snrg-font-primary);font-size:1.25rem;font-weight:700;color:var(--snrg-text-primary);margin-bottom:var(--snrg-space-lg);padding-bottom:var(--snrg-space-sm);border-bottom:2px solid var(--snrg-primary)}.docs-sidebar-nav{list-style:none;padding:0;margin:0}.docs-sidebar-nav li{margin-bottom:var(--snrg-space-xs)}.docs-sidebar-nav a{display:block;color:var(--snrg-text-muted);text-decoration:none;padding:var(--snrg-space-xs) var(--snrg-space-sm);border-radius:var(--snrg-radius-sm);font-size:.875rem;transition:all .2s ease}.docs-sidebar-nav a:hover{color:var(--snrg-primary);background:#00ced11a}.docs-sidebar-nav .active a{color:var(--snrg-primary);background:#00ced11a;font-weight:600}.docs-sidebar-nav .docs-sidebar-sublist{list-style:none;padding-left:var(--snrg-space-md);margin-top:var(--snrg-space-xs)}.docs-sidebar-nav .docs-sidebar-sublist li{margin-bottom:var(--snrg-space-xs)}.docs-hero{text-align:center;margin-bottom:var(--snrg-space-3xl)}.docs-hero-title{font-family:var(--snrg-font-primary);font-size:3rem;font-weight:700;color:var(--snrg-text-primary);margin-bottom:var(--snrg-space-lg)}.docs-hero-subtitle{font-size:1.25rem;color:var(--snrg-text-muted);margin-bottom:var(--snrg-space-2xl)}.docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--snrg-space-xl);margin:var(--snrg-space-xl) 0}.docs-card{background:var(--snrg-bg-glass);border:1px solid var(--snrg-border-primary);border-radius:var(--snrg-radius-lg);padding:var(--snrg-space-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.docs-card-title{font-family:var(--snrg-font-primary);font-size:1.5rem;font-weight:600;color:var(--snrg-text-primary);margin-bottom:var(--snrg-space-md)}.docs-card-description{color:var(--snrg-text-muted);margin-bottom:var(--snrg-space-lg)}.docs-code{background:#21252b;border:1px solid #3e4451;border-radius:var(--snrg-radius-md);padding:var(--snrg-space-lg);font-family:Fira Code,JetBrains Mono,Consolas,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.5;color:#abb2bf;overflow-x:auto;white-space:pre;tab-size:2;-moz-tab-size:2;-o-tab-size:2}.docs-section{margin:var(--snrg-space-3xl) 0}.docs-section-title{font-family:var(--snrg-font-primary);font-size:2rem;font-weight:700;color:var(--snrg-text-primary);margin-bottom:var(--snrg-space-lg);border-bottom:2px solid var(--snrg-primary);padding-bottom:var(--snrg-space-sm)}.docs-subsection{margin:var(--snrg-space-2xl) 0}.docs-subsection-title{font-family:var(--snrg-font-primary);font-size:1.5rem;font-weight:600;color:var(--snrg-text-primary);margin-bottom:var(--snrg-space-md)}.docs-subsection-description{color:var(--snrg-text-muted);margin-bottom:var(--snrg-space-lg)}.docs-code .hljs-comment{color:#5c6370;font-style:italic}.docs-code .hljs-keyword{color:#c678dd}.docs-code .hljs-string{color:#98c379}.docs-code .hljs-number{color:#d19a66}.docs-code .hljs-function{color:#61afef}@media (max-width: 768px){.docs-hero-title{font-size:2rem}.docs-grid{grid-template-columns:1fr}.docs-container{margin-left:0}.docs-sidebar{display:none}}.navbar-code-link{position:fixed;top:150px;right:20px;z-index:9999}.navbar-code-link .demo-item-view-code{color:var(--snrg-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;display:block;text-align:center;white-space:nowrap}.navbar-code-link .demo-item-view-code:hover{color:var(--snrg-accent);text-decoration:underline}.hero-code-link{position:absolute;bottom:20px;right:20px;z-index:10}.hero-code-link .demo-item-view-code{color:var(--snrg-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;padding:var(--snrg-space-sm) var(--snrg-space-md);display:block;white-space:nowrap}.hero-code-link .demo-item-view-code:hover{color:var(--snrg-accent);text-decoration:underline}.color-palette-card{max-width:100%;margin:0 auto}.color-group{margin-bottom:var(--snrg-space-2xl)}.color-group:last-child{margin-bottom:0}.color-group-title{font-size:1.25rem;font-weight:600;color:var(--snrg-text-primary);margin-bottom:var(--snrg-space-lg);text-align:center}.color-row{display:flex;gap:var(--snrg-space-lg);justify-content:center;flex-wrap:wrap;margin-bottom:var(--snrg-space-md)}.color-square-new{width:200px;height:120px;border-radius:var(--snrg-radius-md);padding:var(--snrg-space-md);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-shadow:0 4px 12px #00000026;border:1px solid rgba(255,255,255,.1)}.color-hex-new,.color-rgb-new,.color-hsl-new{font-size:.75rem;font-weight:700;line-height:1.2;white-space:nowrap;margin-bottom:2px}.color-hex-new:last-child,.color-rgb-new:last-child,.color-hsl-new:last-child{margin-bottom:0}.color-labels-new{display:flex;gap:var(--snrg-space-lg);justify-content:center;flex-wrap:wrap}.color-labels-new span{font-size:.875rem;font-weight:500;color:var(--snrg-text-secondary);text-align:center;width:200px}@media (max-width: 768px){.navbar-code-link{top:140px;right:10px}.hero-code-link{bottom:10px;right:10px}.hero-code-link .demo-item-view-code{padding:var(--snrg-space-xs) var(--snrg-space-sm);font-size:.8rem}.color-row{gap:var(--snrg-space-md)}.color-square-new{width:150px;height:100px;padding:var(--snrg-space-sm)}.color-hex-new,.color-rgb-new,.color-hsl-new{font-size:.7rem}.color-labels-new span{width:150px;font-size:.8rem}}#root{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}[data-rk] .iekbcc0{border:0;box-sizing:border-box;font-size:100%;line-height:normal;margin:0;padding:0;text-align:left;vertical-align:baseline;-webkit-tap-highlight-color:transparent}[data-rk] .iekbcc1{list-style:none}[data-rk] .iekbcc2{quotes:none}[data-rk] .iekbcc2:before,[data-rk] .iekbcc2:after{content:""}[data-rk] .iekbcc3{border-collapse:collapse;border-spacing:0}[data-rk] .iekbcc4{-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-rk] .iekbcc5{outline:none}[data-rk] .iekbcc5::-moz-placeholder{opacity:1}[data-rk] .iekbcc5::placeholder{opacity:1}[data-rk] .iekbcc6{background-color:transparent;color:inherit}[data-rk] .iekbcc7:disabled{opacity:1}[data-rk] .iekbcc7::-ms-expand{display:none}[data-rk] .iekbcc8::-ms-clear{display:none}[data-rk] .iekbcc8::-webkit-search-cancel-button{-webkit-appearance:none}[data-rk] .iekbcc9{background:none;cursor:pointer;text-align:left}[data-rk] .iekbcca{color:inherit;text-decoration:none}[data-rk] .ju367v0{align-items:flex-start}[data-rk] .ju367v2{align-items:flex-end}[data-rk] .ju367v4{align-items:center}[data-rk] .ju367v6{display:none}[data-rk] .ju367v8{display:block}[data-rk] .ju367va{display:flex}[data-rk] .ju367vc{display:inline}[data-rk] .ju367ve{align-self:flex-start}[data-rk] .ju367vf{align-self:flex-end}[data-rk] .ju367vg{align-self:center}[data-rk] .ju367vh{background-size:cover}[data-rk] .ju367vi{border-radius:1px}[data-rk] .ju367vj{border-radius:6px}[data-rk] .ju367vk{border-radius:10px}[data-rk] .ju367vl{border-radius:13px}[data-rk] .ju367vm{border-radius:var(--rk-radii-actionButton)}[data-rk] .ju367vn{border-radius:var(--rk-radii-connectButton)}[data-rk] .ju367vo{border-radius:var(--rk-radii-menuButton)}[data-rk] .ju367vp{border-radius:var(--rk-radii-modal)}[data-rk] .ju367vq{border-radius:var(--rk-radii-modalMobile)}[data-rk] .ju367vr{border-radius:25%}[data-rk] .ju367vs{border-radius:9999px}[data-rk] .ju367vt{border-style:solid}[data-rk] .ju367vu{border-width:0px}[data-rk] .ju367vv{border-width:1px}[data-rk] .ju367vw{border-width:2px}[data-rk] .ju367vx{border-width:4px}[data-rk] .ju367vy{cursor:pointer}[data-rk] .ju367vz{cursor:none}[data-rk] .ju367v10{pointer-events:none}[data-rk] .ju367v11{pointer-events:all}[data-rk] .ju367v12{min-height:8px}[data-rk] .ju367v13{min-height:44px}[data-rk] .ju367v14{flex-direction:row}[data-rk] .ju367v15{flex-direction:column}[data-rk] .ju367v16{font-family:var(--rk-fonts-body)}[data-rk] .ju367v17{font-size:12px;line-height:18px}[data-rk] .ju367v18{font-size:13px;line-height:18px}[data-rk] .ju367v19{font-size:14px;line-height:18px}[data-rk] .ju367v1a{font-size:16px;line-height:20px}[data-rk] .ju367v1b{font-size:18px;line-height:24px}[data-rk] .ju367v1c{font-size:20px;line-height:24px}[data-rk] .ju367v1d{font-size:23px;line-height:29px}[data-rk] .ju367v1e{font-weight:400}[data-rk] .ju367v1f{font-weight:500}[data-rk] .ju367v1g{font-weight:600}[data-rk] .ju367v1h{font-weight:700}[data-rk] .ju367v1i{font-weight:800}[data-rk] .ju367v1j{gap:0}[data-rk] .ju367v1k{gap:1px}[data-rk] .ju367v1l{gap:2px}[data-rk] .ju367v1m{gap:3px}[data-rk] .ju367v1n{gap:4px}[data-rk] .ju367v1o{gap:5px}[data-rk] .ju367v1p{gap:6px}[data-rk] .ju367v1q{gap:8px}[data-rk] .ju367v1r{gap:10px}[data-rk] .ju367v1s{gap:12px}[data-rk] .ju367v1t{gap:14px}[data-rk] .ju367v1u{gap:16px}[data-rk] .ju367v1v{gap:18px}[data-rk] .ju367v1w{gap:20px}[data-rk] .ju367v1x{gap:24px}[data-rk] .ju367v1y{gap:28px}[data-rk] .ju367v1z{gap:32px}[data-rk] .ju367v20{gap:36px}[data-rk] .ju367v21{gap:44px}[data-rk] .ju367v22{gap:64px}[data-rk] .ju367v23{gap:-1px}[data-rk] .ju367v24{height:1px}[data-rk] .ju367v25{height:2px}[data-rk] .ju367v26{height:4px}[data-rk] .ju367v27{height:8px}[data-rk] .ju367v28{height:12px}[data-rk] .ju367v29{height:20px}[data-rk] .ju367v2a{height:24px}[data-rk] .ju367v2b{height:28px}[data-rk] .ju367v2c{height:30px}[data-rk] .ju367v2d{height:32px}[data-rk] .ju367v2e{height:34px}[data-rk] .ju367v2f{height:36px}[data-rk] .ju367v2g{height:40px}[data-rk] .ju367v2h{height:44px}[data-rk] .ju367v2i{height:48px}[data-rk] .ju367v2j{height:54px}[data-rk] .ju367v2k{height:60px}[data-rk] .ju367v2l{height:200px}[data-rk] .ju367v2m{height:100%}[data-rk] .ju367v2n{height:-moz-max-content;height:max-content}[data-rk] .ju367v2o{justify-content:flex-start}[data-rk] .ju367v2p{justify-content:flex-end}[data-rk] .ju367v2q{justify-content:center}[data-rk] .ju367v2r{justify-content:space-between}[data-rk] .ju367v2s{justify-content:space-around}[data-rk] .ju367v2t{text-align:left}[data-rk] .ju367v2u{text-align:center}[data-rk] .ju367v2v{text-align:inherit}[data-rk] .ju367v2w{margin-bottom:0}[data-rk] .ju367v2x{margin-bottom:1px}[data-rk] .ju367v2y{margin-bottom:2px}[data-rk] .ju367v2z{margin-bottom:3px}[data-rk] .ju367v30{margin-bottom:4px}[data-rk] .ju367v31{margin-bottom:5px}[data-rk] .ju367v32{margin-bottom:6px}[data-rk] .ju367v33{margin-bottom:8px}[data-rk] .ju367v34{margin-bottom:10px}[data-rk] .ju367v35{margin-bottom:12px}[data-rk] .ju367v36{margin-bottom:14px}[data-rk] .ju367v37{margin-bottom:16px}[data-rk] .ju367v38{margin-bottom:18px}[data-rk] .ju367v39{margin-bottom:20px}[data-rk] .ju367v3a{margin-bottom:24px}[data-rk] .ju367v3b{margin-bottom:28px}[data-rk] .ju367v3c{margin-bottom:32px}[data-rk] .ju367v3d{margin-bottom:36px}[data-rk] .ju367v3e{margin-bottom:44px}[data-rk] .ju367v3f{margin-bottom:64px}[data-rk] .ju367v3g{margin-bottom:-1px}[data-rk] .ju367v3h{margin-left:0}[data-rk] .ju367v3i{margin-left:1px}[data-rk] .ju367v3j{margin-left:2px}[data-rk] .ju367v3k{margin-left:3px}[data-rk] .ju367v3l{margin-left:4px}[data-rk] .ju367v3m{margin-left:5px}[data-rk] .ju367v3n{margin-left:6px}[data-rk] .ju367v3o{margin-left:8px}[data-rk] .ju367v3p{margin-left:10px}[data-rk] .ju367v3q{margin-left:12px}[data-rk] .ju367v3r{margin-left:14px}[data-rk] .ju367v3s{margin-left:16px}[data-rk] .ju367v3t{margin-left:18px}[data-rk] .ju367v3u{margin-left:20px}[data-rk] .ju367v3v{margin-left:24px}[data-rk] .ju367v3w{margin-left:28px}[data-rk] .ju367v3x{margin-left:32px}[data-rk] .ju367v3y{margin-left:36px}[data-rk] .ju367v3z{margin-left:44px}[data-rk] .ju367v40{margin-left:64px}[data-rk] .ju367v41{margin-left:-1px}[data-rk] .ju367v42{margin-right:0}[data-rk] .ju367v43{margin-right:1px}[data-rk] .ju367v44{margin-right:2px}[data-rk] .ju367v45{margin-right:3px}[data-rk] .ju367v46{margin-right:4px}[data-rk] .ju367v47{margin-right:5px}[data-rk] .ju367v48{margin-right:6px}[data-rk] .ju367v49{margin-right:8px}[data-rk] .ju367v4a{margin-right:10px}[data-rk] .ju367v4b{margin-right:12px}[data-rk] .ju367v4c{margin-right:14px}[data-rk] .ju367v4d{margin-right:16px}[data-rk] .ju367v4e{margin-right:18px}[data-rk] .ju367v4f{margin-right:20px}[data-rk] .ju367v4g{margin-right:24px}[data-rk] .ju367v4h{margin-right:28px}[data-rk] .ju367v4i{margin-right:32px}[data-rk] .ju367v4j{margin-right:36px}[data-rk] .ju367v4k{margin-right:44px}[data-rk] .ju367v4l{margin-right:64px}[data-rk] .ju367v4m{margin-right:-1px}[data-rk] .ju367v4n{margin-top:0}[data-rk] .ju367v4o{margin-top:1px}[data-rk] .ju367v4p{margin-top:2px}[data-rk] .ju367v4q{margin-top:3px}[data-rk] .ju367v4r{margin-top:4px}[data-rk] .ju367v4s{margin-top:5px}[data-rk] .ju367v4t{margin-top:6px}[data-rk] .ju367v4u{margin-top:8px}[data-rk] .ju367v4v{margin-top:10px}[data-rk] .ju367v4w{margin-top:12px}[data-rk] .ju367v4x{margin-top:14px}[data-rk] .ju367v4y{margin-top:16px}[data-rk] .ju367v4z{margin-top:18px}[data-rk] .ju367v50{margin-top:20px}[data-rk] .ju367v51{margin-top:24px}[data-rk] .ju367v52{margin-top:28px}[data-rk] .ju367v53{margin-top:32px}[data-rk] .ju367v54{margin-top:36px}[data-rk] .ju367v55{margin-top:44px}[data-rk] .ju367v56{margin-top:64px}[data-rk] .ju367v57{margin-top:-1px}[data-rk] .ju367v58{max-width:1px}[data-rk] .ju367v59{max-width:2px}[data-rk] .ju367v5a{max-width:4px}[data-rk] .ju367v5b{max-width:8px}[data-rk] .ju367v5c{max-width:12px}[data-rk] .ju367v5d{max-width:20px}[data-rk] .ju367v5e{max-width:24px}[data-rk] .ju367v5f{max-width:28px}[data-rk] .ju367v5g{max-width:30px}[data-rk] .ju367v5h{max-width:32px}[data-rk] .ju367v5i{max-width:34px}[data-rk] .ju367v5j{max-width:36px}[data-rk] .ju367v5k{max-width:40px}[data-rk] .ju367v5l{max-width:44px}[data-rk] .ju367v5m{max-width:48px}[data-rk] .ju367v5n{max-width:54px}[data-rk] .ju367v5o{max-width:60px}[data-rk] .ju367v5p{max-width:200px}[data-rk] .ju367v5q{max-width:100%}[data-rk] .ju367v5r{max-width:-moz-max-content;max-width:max-content}[data-rk] .ju367v5s{min-width:1px}[data-rk] .ju367v5t{min-width:2px}[data-rk] .ju367v5u{min-width:4px}[data-rk] .ju367v5v{min-width:8px}[data-rk] .ju367v5w{min-width:12px}[data-rk] .ju367v5x{min-width:20px}[data-rk] .ju367v5y{min-width:24px}[data-rk] .ju367v5z{min-width:28px}[data-rk] .ju367v60{min-width:30px}[data-rk] .ju367v61{min-width:32px}[data-rk] .ju367v62{min-width:34px}[data-rk] .ju367v63{min-width:36px}[data-rk] .ju367v64{min-width:40px}[data-rk] .ju367v65{min-width:44px}[data-rk] .ju367v66{min-width:48px}[data-rk] .ju367v67{min-width:54px}[data-rk] .ju367v68{min-width:60px}[data-rk] .ju367v69{min-width:200px}[data-rk] .ju367v6a{min-width:100%}[data-rk] .ju367v6b{min-width:-moz-max-content;min-width:max-content}[data-rk] .ju367v6c{overflow:hidden}[data-rk] .ju367v6d{padding-bottom:0}[data-rk] .ju367v6e{padding-bottom:1px}[data-rk] .ju367v6f{padding-bottom:2px}[data-rk] .ju367v6g{padding-bottom:3px}[data-rk] .ju367v6h{padding-bottom:4px}[data-rk] .ju367v6i{padding-bottom:5px}[data-rk] .ju367v6j{padding-bottom:6px}[data-rk] .ju367v6k{padding-bottom:8px}[data-rk] .ju367v6l{padding-bottom:10px}[data-rk] .ju367v6m{padding-bottom:12px}[data-rk] .ju367v6n{padding-bottom:14px}[data-rk] .ju367v6o{padding-bottom:16px}[data-rk] .ju367v6p{padding-bottom:18px}[data-rk] .ju367v6q{padding-bottom:20px}[data-rk] .ju367v6r{padding-bottom:24px}[data-rk] .ju367v6s{padding-bottom:28px}[data-rk] .ju367v6t{padding-bottom:32px}[data-rk] .ju367v6u{padding-bottom:36px}[data-rk] .ju367v6v{padding-bottom:44px}[data-rk] .ju367v6w{padding-bottom:64px}[data-rk] .ju367v6x{padding-bottom:-1px}[data-rk] .ju367v6y{padding-left:0}[data-rk] .ju367v6z{padding-left:1px}[data-rk] .ju367v70{padding-left:2px}[data-rk] .ju367v71{padding-left:3px}[data-rk] .ju367v72{padding-left:4px}[data-rk] .ju367v73{padding-left:5px}[data-rk] .ju367v74{padding-left:6px}[data-rk] .ju367v75{padding-left:8px}[data-rk] .ju367v76{padding-left:10px}[data-rk] .ju367v77{padding-left:12px}[data-rk] .ju367v78{padding-left:14px}[data-rk] .ju367v79{padding-left:16px}[data-rk] .ju367v7a{padding-left:18px}[data-rk] .ju367v7b{padding-left:20px}[data-rk] .ju367v7c{padding-left:24px}[data-rk] .ju367v7d{padding-left:28px}[data-rk] .ju367v7e{padding-left:32px}[data-rk] .ju367v7f{padding-left:36px}[data-rk] .ju367v7g{padding-left:44px}[data-rk] .ju367v7h{padding-left:64px}[data-rk] .ju367v7i{padding-left:-1px}[data-rk] .ju367v7j{padding-right:0}[data-rk] .ju367v7k{padding-right:1px}[data-rk] .ju367v7l{padding-right:2px}[data-rk] .ju367v7m{padding-right:3px}[data-rk] .ju367v7n{padding-right:4px}[data-rk] .ju367v7o{padding-right:5px}[data-rk] .ju367v7p{padding-right:6px}[data-rk] .ju367v7q{padding-right:8px}[data-rk] .ju367v7r{padding-right:10px}[data-rk] .ju367v7s{padding-right:12px}[data-rk] .ju367v7t{padding-right:14px}[data-rk] .ju367v7u{padding-right:16px}[data-rk] .ju367v7v{padding-right:18px}[data-rk] .ju367v7w{padding-right:20px}[data-rk] .ju367v7x{padding-right:24px}[data-rk] .ju367v7y{padding-right:28px}[data-rk] .ju367v7z{padding-right:32px}[data-rk] .ju367v80{padding-right:36px}[data-rk] .ju367v81{padding-right:44px}[data-rk] .ju367v82{padding-right:64px}[data-rk] .ju367v83{padding-right:-1px}[data-rk] .ju367v84{padding-top:0}[data-rk] .ju367v85{padding-top:1px}[data-rk] .ju367v86{padding-top:2px}[data-rk] .ju367v87{padding-top:3px}[data-rk] .ju367v88{padding-top:4px}[data-rk] .ju367v89{padding-top:5px}[data-rk] .ju367v8a{padding-top:6px}[data-rk] .ju367v8b{padding-top:8px}[data-rk] .ju367v8c{padding-top:10px}[data-rk] .ju367v8d{padding-top:12px}[data-rk] .ju367v8e{padding-top:14px}[data-rk] .ju367v8f{padding-top:16px}[data-rk] .ju367v8g{padding-top:18px}[data-rk] .ju367v8h{padding-top:20px}[data-rk] .ju367v8i{padding-top:24px}[data-rk] .ju367v8j{padding-top:28px}[data-rk] .ju367v8k{padding-top:32px}[data-rk] .ju367v8l{padding-top:36px}[data-rk] .ju367v8m{padding-top:44px}[data-rk] .ju367v8n{padding-top:64px}[data-rk] .ju367v8o{padding-top:-1px}[data-rk] .ju367v8p{position:absolute}[data-rk] .ju367v8q{position:fixed}[data-rk] .ju367v8r{position:relative}[data-rk] .ju367v8s{-webkit-user-select:none}[data-rk] .ju367v8t{right:0}[data-rk] .ju367v8u{transition:.125s ease}[data-rk] .ju367v8v{transition:transform .125s ease}[data-rk] .ju367v8w{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-rk] .ju367v8x{width:1px}[data-rk] .ju367v8y{width:2px}[data-rk] .ju367v8z{width:4px}[data-rk] .ju367v90{width:8px}[data-rk] .ju367v91{width:12px}[data-rk] .ju367v92{width:20px}[data-rk] .ju367v93{width:24px}[data-rk] .ju367v94{width:28px}[data-rk] .ju367v95{width:30px}[data-rk] .ju367v96{width:32px}[data-rk] .ju367v97{width:34px}[data-rk] .ju367v98{width:36px}[data-rk] .ju367v99{width:40px}[data-rk] .ju367v9a{width:44px}[data-rk] .ju367v9b{width:48px}[data-rk] .ju367v9c{width:54px}[data-rk] .ju367v9d{width:60px}[data-rk] .ju367v9e{width:200px}[data-rk] .ju367v9f{width:100%}[data-rk] .ju367v9g{width:-moz-max-content;width:max-content}[data-rk] .ju367v9h{-webkit-backdrop-filter:var(--rk-blurs-modalOverlay);backdrop-filter:var(--rk-blurs-modalOverlay)}[data-rk] .ju367v9i,[data-rk] .ju367v9j:hover,[data-rk] .ju367v9k:active{background:var(--rk-colors-accentColor)}[data-rk] .ju367v9l,[data-rk] .ju367v9m:hover,[data-rk] .ju367v9n:active{background:var(--rk-colors-accentColorForeground)}[data-rk] .ju367v9o,[data-rk] .ju367v9p:hover,[data-rk] .ju367v9q:active{background:var(--rk-colors-actionButtonBorder)}[data-rk] .ju367v9r,[data-rk] .ju367v9s:hover,[data-rk] .ju367v9t:active{background:var(--rk-colors-actionButtonBorderMobile)}[data-rk] .ju367v9u,[data-rk] .ju367v9v:hover,[data-rk] .ju367v9w:active{background:var(--rk-colors-actionButtonSecondaryBackground)}[data-rk] .ju367v9x,[data-rk] .ju367v9y:hover,[data-rk] .ju367v9z:active{background:var(--rk-colors-closeButton)}[data-rk] .ju367va0,[data-rk] .ju367va1:hover,[data-rk] .ju367va2:active{background:var(--rk-colors-closeButtonBackground)}[data-rk] .ju367va3,[data-rk] .ju367va4:hover,[data-rk] .ju367va5:active{background:var(--rk-colors-connectButtonBackground)}[data-rk] .ju367va6,[data-rk] .ju367va7:hover,[data-rk] .ju367va8:active{background:var(--rk-colors-connectButtonBackgroundError)}[data-rk] .ju367va9,[data-rk] .ju367vaa:hover,[data-rk] .ju367vab:active{background:var(--rk-colors-connectButtonInnerBackground)}[data-rk] .ju367vac,[data-rk] .ju367vad:hover,[data-rk] .ju367vae:active{background:var(--rk-colors-connectButtonText)}[data-rk] .ju367vaf,[data-rk] .ju367vag:hover,[data-rk] .ju367vah:active{background:var(--rk-colors-connectButtonTextError)}[data-rk] .ju367vai,[data-rk] .ju367vaj:hover,[data-rk] .ju367vak:active{background:var(--rk-colors-connectionIndicator)}[data-rk] .ju367val,[data-rk] .ju367vam:hover,[data-rk] .ju367van:active{background:var(--rk-colors-downloadBottomCardBackground)}[data-rk] .ju367vao,[data-rk] .ju367vap:hover,[data-rk] .ju367vaq:active{background:var(--rk-colors-downloadTopCardBackground)}[data-rk] .ju367var,[data-rk] .ju367vas:hover,[data-rk] .ju367vat:active{background:var(--rk-colors-error)}[data-rk] .ju367vau,[data-rk] .ju367vav:hover,[data-rk] .ju367vaw:active{background:var(--rk-colors-generalBorder)}[data-rk] .ju367vax,[data-rk] .ju367vay:hover,[data-rk] .ju367vaz:active{background:var(--rk-colors-generalBorderDim)}[data-rk] .ju367vb0,[data-rk] .ju367vb1:hover,[data-rk] .ju367vb2:active{background:var(--rk-colors-menuItemBackground)}[data-rk] .ju367vb3,[data-rk] .ju367vb4:hover,[data-rk] .ju367vb5:active{background:var(--rk-colors-modalBackdrop)}[data-rk] .ju367vb6,[data-rk] .ju367vb7:hover,[data-rk] .ju367vb8:active{background:var(--rk-colors-modalBackground)}[data-rk] .ju367vb9,[data-rk] .ju367vba:hover,[data-rk] .ju367vbb:active{background:var(--rk-colors-modalBorder)}[data-rk] .ju367vbc,[data-rk] .ju367vbd:hover,[data-rk] .ju367vbe:active{background:var(--rk-colors-modalText)}[data-rk] .ju367vbf,[data-rk] .ju367vbg:hover,[data-rk] .ju367vbh:active{background:var(--rk-colors-modalTextDim)}[data-rk] .ju367vbi,[data-rk] .ju367vbj:hover,[data-rk] .ju367vbk:active{background:var(--rk-colors-modalTextSecondary)}[data-rk] .ju367vbl,[data-rk] .ju367vbm:hover,[data-rk] .ju367vbn:active{background:var(--rk-colors-profileAction)}[data-rk] .ju367vbo,[data-rk] .ju367vbp:hover,[data-rk] .ju367vbq:active{background:var(--rk-colors-profileActionHover)}[data-rk] .ju367vbr,[data-rk] .ju367vbs:hover,[data-rk] .ju367vbt:active{background:var(--rk-colors-profileForeground)}[data-rk] .ju367vbu,[data-rk] .ju367vbv:hover,[data-rk] .ju367vbw:active{background:var(--rk-colors-selectedOptionBorder)}[data-rk] .ju367vbx,[data-rk] .ju367vby:hover,[data-rk] .ju367vbz:active{background:var(--rk-colors-standby)}[data-rk] .ju367vc0,[data-rk] .ju367vc1:hover,[data-rk] .ju367vc2:active{border-color:var(--rk-colors-accentColor)}[data-rk] .ju367vc3,[data-rk] .ju367vc4:hover,[data-rk] .ju367vc5:active{border-color:var(--rk-colors-accentColorForeground)}[data-rk] .ju367vc6,[data-rk] .ju367vc7:hover,[data-rk] .ju367vc8:active{border-color:var(--rk-colors-actionButtonBorder)}[data-rk] .ju367vc9,[data-rk] .ju367vca:hover,[data-rk] .ju367vcb:active{border-color:var(--rk-colors-actionButtonBorderMobile)}[data-rk] .ju367vcc,[data-rk] .ju367vcd:hover,[data-rk] .ju367vce:active{border-color:var(--rk-colors-actionButtonSecondaryBackground)}[data-rk] .ju367vcf,[data-rk] .ju367vcg:hover,[data-rk] .ju367vch:active{border-color:var(--rk-colors-closeButton)}[data-rk] .ju367vci,[data-rk] .ju367vcj:hover,[data-rk] .ju367vck:active{border-color:var(--rk-colors-closeButtonBackground)}[data-rk] .ju367vcl,[data-rk] .ju367vcm:hover,[data-rk] .ju367vcn:active{border-color:var(--rk-colors-connectButtonBackground)}[data-rk] .ju367vco,[data-rk] .ju367vcp:hover,[data-rk] .ju367vcq:active{border-color:var(--rk-colors-connectButtonBackgroundError)}[data-rk] .ju367vcr,[data-rk] .ju367vcs:hover,[data-rk] .ju367vct:active{border-color:var(--rk-colors-connectButtonInnerBackground)}[data-rk] .ju367vcu,[data-rk] .ju367vcv:hover,[data-rk] .ju367vcw:active{border-color:var(--rk-colors-connectButtonText)}[data-rk] .ju367vcx,[data-rk] .ju367vcy:hover,[data-rk] .ju367vcz:active{border-color:var(--rk-colors-connectButtonTextError)}[data-rk] .ju367vd0,[data-rk] .ju367vd1:hover,[data-rk] .ju367vd2:active{border-color:var(--rk-colors-connectionIndicator)}[data-rk] .ju367vd3,[data-rk] .ju367vd4:hover,[data-rk] .ju367vd5:active{border-color:var(--rk-colors-downloadBottomCardBackground)}[data-rk] .ju367vd6,[data-rk] .ju367vd7:hover,[data-rk] .ju367vd8:active{border-color:var(--rk-colors-downloadTopCardBackground)}[data-rk] .ju367vd9,[data-rk] .ju367vda:hover,[data-rk] .ju367vdb:active{border-color:var(--rk-colors-error)}[data-rk] .ju367vdc,[data-rk] .ju367vdd:hover,[data-rk] .ju367vde:active{border-color:var(--rk-colors-generalBorder)}[data-rk] .ju367vdf,[data-rk] .ju367vdg:hover,[data-rk] .ju367vdh:active{border-color:var(--rk-colors-generalBorderDim)}[data-rk] .ju367vdi,[data-rk] .ju367vdj:hover,[data-rk] .ju367vdk:active{border-color:var(--rk-colors-menuItemBackground)}[data-rk] .ju367vdl,[data-rk] .ju367vdm:hover,[data-rk] .ju367vdn:active{border-color:var(--rk-colors-modalBackdrop)}[data-rk] .ju367vdo,[data-rk] .ju367vdp:hover,[data-rk] .ju367vdq:active{border-color:var(--rk-colors-modalBackground)}[data-rk] .ju367vdr,[data-rk] .ju367vds:hover,[data-rk] .ju367vdt:active{border-color:var(--rk-colors-modalBorder)}[data-rk] .ju367vdu,[data-rk] .ju367vdv:hover,[data-rk] .ju367vdw:active{border-color:var(--rk-colors-modalText)}[data-rk] .ju367vdx,[data-rk] .ju367vdy:hover,[data-rk] .ju367vdz:active{border-color:var(--rk-colors-modalTextDim)}[data-rk] .ju367ve0,[data-rk] .ju367ve1:hover,[data-rk] .ju367ve2:active{border-color:var(--rk-colors-modalTextSecondary)}[data-rk] .ju367ve3,[data-rk] .ju367ve4:hover,[data-rk] .ju367ve5:active{border-color:var(--rk-colors-profileAction)}[data-rk] .ju367ve6,[data-rk] .ju367ve7:hover,[data-rk] .ju367ve8:active{border-color:var(--rk-colors-profileActionHover)}[data-rk] .ju367ve9,[data-rk] .ju367vea:hover,[data-rk] .ju367veb:active{border-color:var(--rk-colors-profileForeground)}[data-rk] .ju367vec,[data-rk] .ju367ved:hover,[data-rk] .ju367vee:active{border-color:var(--rk-colors-selectedOptionBorder)}[data-rk] .ju367vef,[data-rk] .ju367veg:hover,[data-rk] .ju367veh:active{border-color:var(--rk-colors-standby)}[data-rk] .ju367vei,[data-rk] .ju367vej:hover,[data-rk] .ju367vek:active{box-shadow:var(--rk-shadows-connectButton)}[data-rk] .ju367vel,[data-rk] .ju367vem:hover,[data-rk] .ju367ven:active{box-shadow:var(--rk-shadows-dialog)}[data-rk] .ju367veo,[data-rk] .ju367vep:hover,[data-rk] .ju367veq:active{box-shadow:var(--rk-shadows-profileDetailsAction)}[data-rk] .ju367ver,[data-rk] .ju367ves:hover,[data-rk] .ju367vet:active{box-shadow:var(--rk-shadows-selectedOption)}[data-rk] .ju367veu,[data-rk] .ju367vev:hover,[data-rk] .ju367vew:active{box-shadow:var(--rk-shadows-selectedWallet)}[data-rk] .ju367vex,[data-rk] .ju367vey:hover,[data-rk] .ju367vez:active{box-shadow:var(--rk-shadows-walletLogo)}[data-rk] .ju367vf0,[data-rk] .ju367vf1:hover,[data-rk] .ju367vf2:active{color:var(--rk-colors-accentColor)}[data-rk] .ju367vf3,[data-rk] .ju367vf4:hover,[data-rk] .ju367vf5:active{color:var(--rk-colors-accentColorForeground)}[data-rk] .ju367vf6,[data-rk] .ju367vf7:hover,[data-rk] .ju367vf8:active{color:var(--rk-colors-actionButtonBorder)}[data-rk] .ju367vf9,[data-rk] .ju367vfa:hover,[data-rk] .ju367vfb:active{color:var(--rk-colors-actionButtonBorderMobile)}[data-rk] .ju367vfc,[data-rk] .ju367vfd:hover,[data-rk] .ju367vfe:active{color:var(--rk-colors-actionButtonSecondaryBackground)}[data-rk] .ju367vff,[data-rk] .ju367vfg:hover,[data-rk] .ju367vfh:active{color:var(--rk-colors-closeButton)}[data-rk] .ju367vfi,[data-rk] .ju367vfj:hover,[data-rk] .ju367vfk:active{color:var(--rk-colors-closeButtonBackground)}[data-rk] .ju367vfl,[data-rk] .ju367vfm:hover,[data-rk] .ju367vfn:active{color:var(--rk-colors-connectButtonBackground)}[data-rk] .ju367vfo,[data-rk] .ju367vfp:hover,[data-rk] .ju367vfq:active{color:var(--rk-colors-connectButtonBackgroundError)}[data-rk] .ju367vfr,[data-rk] .ju367vfs:hover,[data-rk] .ju367vft:active{color:var(--rk-colors-connectButtonInnerBackground)}[data-rk] .ju367vfu,[data-rk] .ju367vfv:hover,[data-rk] .ju367vfw:active{color:var(--rk-colors-connectButtonText)}[data-rk] .ju367vfx,[data-rk] .ju367vfy:hover,[data-rk] .ju367vfz:active{color:var(--rk-colors-connectButtonTextError)}[data-rk] .ju367vg0,[data-rk] .ju367vg1:hover,[data-rk] .ju367vg2:active{color:var(--rk-colors-connectionIndicator)}[data-rk] .ju367vg3,[data-rk] .ju367vg4:hover,[data-rk] .ju367vg5:active{color:var(--rk-colors-downloadBottomCardBackground)}[data-rk] .ju367vg6,[data-rk] .ju367vg7:hover,[data-rk] .ju367vg8:active{color:var(--rk-colors-downloadTopCardBackground)}[data-rk] .ju367vg9,[data-rk] .ju367vga:hover,[data-rk] .ju367vgb:active{color:var(--rk-colors-error)}[data-rk] .ju367vgc,[data-rk] .ju367vgd:hover,[data-rk] .ju367vge:active{color:var(--rk-colors-generalBorder)}[data-rk] .ju367vgf,[data-rk] .ju367vgg:hover,[data-rk] .ju367vgh:active{color:var(--rk-colors-generalBorderDim)}[data-rk] .ju367vgi,[data-rk] .ju367vgj:hover,[data-rk] .ju367vgk:active{color:var(--rk-colors-menuItemBackground)}[data-rk] .ju367vgl,[data-rk] .ju367vgm:hover,[data-rk] .ju367vgn:active{color:var(--rk-colors-modalBackdrop)}[data-rk] .ju367vgo,[data-rk] .ju367vgp:hover,[data-rk] .ju367vgq:active{color:var(--rk-colors-modalBackground)}[data-rk] .ju367vgr,[data-rk] .ju367vgs:hover,[data-rk] .ju367vgt:active{color:var(--rk-colors-modalBorder)}[data-rk] .ju367vgu,[data-rk] .ju367vgv:hover,[data-rk] .ju367vgw:active{color:var(--rk-colors-modalText)}[data-rk] .ju367vgx,[data-rk] .ju367vgy:hover,[data-rk] .ju367vgz:active{color:var(--rk-colors-modalTextDim)}[data-rk] .ju367vh0,[data-rk] .ju367vh1:hover,[data-rk] .ju367vh2:active{color:var(--rk-colors-modalTextSecondary)}[data-rk] .ju367vh3,[data-rk] .ju367vh4:hover,[data-rk] .ju367vh5:active{color:var(--rk-colors-profileAction)}[data-rk] .ju367vh6,[data-rk] .ju367vh7:hover,[data-rk] .ju367vh8:active{color:var(--rk-colors-profileActionHover)}[data-rk] .ju367vh9,[data-rk] .ju367vha:hover,[data-rk] .ju367vhb:active{color:var(--rk-colors-profileForeground)}[data-rk] .ju367vhc,[data-rk] .ju367vhd:hover,[data-rk] .ju367vhe:active{color:var(--rk-colors-selectedOptionBorder)}[data-rk] .ju367vhf,[data-rk] .ju367vhg:hover,[data-rk] .ju367vhh:active{color:var(--rk-colors-standby)}@media screen and (min-width: 768px){[data-rk] .ju367v1{align-items:flex-start}[data-rk] .ju367v3{align-items:flex-end}[data-rk] .ju367v5{align-items:center}[data-rk] .ju367v7{display:none}[data-rk] .ju367v9{display:block}[data-rk] .ju367vb{display:flex}[data-rk] .ju367vd{display:inline}}[data-rk] ._12cbo8i3,[data-rk] ._12cbo8i3:after{--_12cbo8i0: 1;--_12cbo8i1: 1}[data-rk] ._12cbo8i3:hover{transform:scale(var(--_12cbo8i0))}[data-rk] ._12cbo8i3:active{transform:scale(var(--_12cbo8i1))}[data-rk] ._12cbo8i3:active:after{content:"";display:block;inset:-1px;position:absolute;transform:scale(calc((1 / var(--_12cbo8i1)) * var(--_12cbo8i0)))}[data-rk] ._12cbo8i4,[data-rk] ._12cbo8i4:after{--_12cbo8i0: 1.025}[data-rk] ._12cbo8i5,[data-rk] ._12cbo8i5:after{--_12cbo8i0: 1.1}[data-rk] ._12cbo8i6,[data-rk] ._12cbo8i6:after{--_12cbo8i1: .95}[data-rk] ._12cbo8i7,[data-rk] ._12cbo8i7:after{--_12cbo8i1: .9}@keyframes _1luule41{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-rk] ._1luule42{animation:_1luule41 3s infinite linear}[data-rk] ._1luule43{background:conic-gradient(from 180deg at 50% 50%,rgba(72,146,254,0) 0deg,currentColor 282.04deg,rgba(72,146,254,0) 319.86deg,rgba(72,146,254,0) 360deg);height:21px;width:21px}@keyframes _9pm4ki0{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _9pm4ki1{0%{opacity:0}to{opacity:1}}[data-rk] ._9pm4ki3{animation:_9pm4ki1 .15s ease;inset:-200px;padding:200px;transform:translateZ(0);z-index:2147483646}[data-rk] ._9pm4ki5{animation:_9pm4ki0 .35s cubic-bezier(.15,1.15,.6,1),_9pm4ki1 .15s ease;max-width:100vw}[data-rk] ._1ckjpok1{box-sizing:content-box;max-width:100vw;width:360px}[data-rk] ._1ckjpok2{width:100vw}[data-rk] ._1ckjpok3{min-width:720px;width:720px}[data-rk] ._1ckjpok4{min-width:368px;width:368px}[data-rk] ._1ckjpok6{border-width:0px;box-sizing:border-box;width:100vw}@media screen and (min-width: 768px){[data-rk] ._1ckjpok1{width:360px}[data-rk] ._1ckjpok2{width:480px}[data-rk] ._1ckjpok4{min-width:368px;width:368px}}@media screen and (max-width: 767px){[data-rk] ._1ckjpok7{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-top:-200px;padding-bottom:200px;top:200px}}[data-rk] .v9horb0:hover{background:unset}[data-rk] ._18dqw9x0{max-height:456px;overflow-y:auto;overflow-x:hidden}[data-rk] ._18dqw9x1{max-height:456px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}[data-rk] ._18dqw9x1::-webkit-scrollbar{display:none}[data-rk] .g5kl0l0{border-color:transparent}[data-rk] ._1vwt0cg0{background:#fff;color:#000}[data-rk] ._1vwt0cg2{max-height:454px;overflow-y:auto}[data-rk] ._1vwt0cg3{min-width:287px}[data-rk] ._1vwt0cg4{min-width:100%}@keyframes _1am14411{0%{stroke-dashoffset:0}to{stroke-dashoffset:-283}}[data-rk] ._1am14410{overflow:auto;scrollbar-width:none;transform:translateZ(0)}[data-rk] ._1am14410::-webkit-scrollbar{display:none}[data-rk] ._1am14412{animation:_1am14411 1s linear infinite;stroke-dasharray:98 196;fill:none;stroke-linecap:round;stroke-width:4}[data-rk] ._1am14413{position:absolute}[data-rk] ._1y2lnfi0{border:1px solid rgba(16,21,31,.06)}[data-rk] ._1y2lnfi1{max-width:-moz-fit-content;max-width:fit-content}.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;inset:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;inset:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media (max-width: 480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media (max-width: 374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}