@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.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;top:0;left:0;right:0;bottom: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;top:0;left:0;bottom:0;right: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}.pixel-art{filter:drop-shadow(0 0 10px rgba(59,130,246,.3));transition:transform .3s ease}.pixel-art:hover{transform:scale(1.05)}.cursor-blink{animation:cursorBlink 1s infinite}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}.led-blink{animation:ledPulse 2s infinite}@keyframes ledPulse{0%,to{opacity:1;filter:drop-shadow(0 0 4px #22c55e)}50%{opacity:.3;filter:drop-shadow(0 0 0px #22c55e)}}.keyboard-keys rect{animation:keyPress 3s infinite;animation-delay:calc(var(--key-index, 0) * .1s)}@keyframes keyPress{0%,90%,to{transform:translateY(0)}95%{transform:translateY(2px)}}.antenna-pulse{animation:antennaPulse 1.5s infinite}@keyframes antennaPulse{0%,to{r:5;opacity:1}50%{r:8;opacity:.5}}.eye-blink-left,.eye-blink-right{animation:eyeBlink 4s infinite}.eye-blink-right{animation-delay:.1s}@keyframes eyeBlink{0%,48%,52%,to{ry:6}50%{ry:1}}.mouth-line{animation:mouthMove 3s infinite}@keyframes mouthMove{0%,to{d:path("M 75,89 L 105,89")}50%{d:path("M 75,87 Q 90,91 105,87")}}.hand-wave{transform-origin:center;animation:handWave 2s infinite}@keyframes handWave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.status-led-1,.status-led-2,.status-led-3{animation:statusBlink 1.5s infinite}.status-led-1{animation-delay:0s}.status-led-2{animation-delay:.5s}.status-led-3{animation-delay:1s}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.2}}.server-unit rect{animation:serverHum 3s infinite ease-in-out}@keyframes serverHum{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}[class^=server-led-]{animation:serverLedBlink 1s infinite}[class$="-1"]{animation-delay:0s}[class$="-2"]{animation-delay:.3s}[class$="-3"]{animation-delay:.6s}@keyframes serverLedBlink{0%,70%,to{opacity:1}85%{opacity:.3}}[class^=data-flow-]{stroke-dasharray:70;stroke-dashoffset:70;animation:dataFlow 2s infinite linear}@keyframes dataFlow{to{stroke-dashoffset:0}}.network-cable-1,.network-cable-2{animation:cablePulse 2s infinite ease-in-out}.network-cable-2{animation-delay:1s}@keyframes cablePulse{0%,to{opacity:.5;stroke-width:3}50%{opacity:1;stroke-width:4}}.hub-pulse{animation:hubPulse 2s infinite}@keyframes hubPulse{0%,to{r:15;opacity:.3}50%{r:25;opacity:0}}[class^=data-node-]{animation:nodePulse 2s infinite}.data-node-1{animation-delay:0s}.data-node-2{animation-delay:.5s}.data-node-3{animation-delay:1s}.data-node-4{animation-delay:1.5s}@keyframes nodePulse{0%,to{r:8;opacity:1}50%{r:10;opacity:.6}}.pixel-art-container-left{position:absolute;left:5%;top:50%;transform:translateY(-50%);z-index:1;opacity:.8}.pixel-art-container-right{position:absolute;right:5%;top:50%;transform:translateY(-50%);z-index:1;opacity:.8}@media (max-width: 1024px){.pixel-art-container-left,.pixel-art-container-right{display:none}}.pixel-art-container-left,.pixel-art-container-right{transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.pixel-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.pixel-led{position:absolute;width:4px;height:4px;border-radius:1px;animation:led-blink 2s ease-in-out infinite}.pixel-led-1{top:15%;left:20%;background:#3b82f6;animation-delay:0s}.pixel-led-2{top:25%;left:60%;background:#6366f1;animation-delay:.3s}.pixel-led-3{top:45%;left:80%;background:#22c55e;animation-delay:.6s}.pixel-led-4{top:65%;left:15%;background:#3b82f6;animation-delay:.9s}.pixel-led-5{top:75%;left:40%;background:#6366f1;animation-delay:1.2s}.pixel-led-6{top:55%;left:70%;background:#22c55e;animation-delay:1.5s}.pixel-led-7{top:30%;left:35%;background:#3b82f6;animation-delay:.4s}.pixel-led-8{top:85%;left:85%;background:#6366f1;animation-delay:1.1s}@keyframes led-blink{0%,to{opacity:.2;box-shadow:0 0 2px currentColor}50%{opacity:1;box-shadow:0 0 8px currentColor,0 0 12px currentColor}}.code-scroll{position:absolute;font-family:Share Tech Mono,monospace;font-size:10px;color:#3b82f633;white-space:nowrap;animation:scroll-code 20s linear infinite}.code-scroll-1{top:20%;animation-delay:0s}.code-scroll-2{top:40%;animation-delay:-5s}.code-scroll-3{top:60%;animation-delay:-10s}.code-scroll-4{top:80%;animation-delay:-15s}@keyframes scroll-code{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.data-particle{position:absolute;width:2px;height:2px;background:#3b82f6;border-radius:50%;opacity:0;animation:data-flow 4s ease-in-out infinite}.data-particle-1{top:10%;left:10%;animation-delay:0s}.data-particle-2{top:30%;left:30%;animation-delay:.5s}.data-particle-3{top:50%;left:50%;animation-delay:1s}.data-particle-4{top:70%;left:70%;animation-delay:1.5s}.data-particle-5{top:90%;left:20%;animation-delay:2s}@keyframes data-flow{0%{opacity:0;transform:translate(0)}20%{opacity:.6}80%{opacity:.6}to{opacity:0;transform:translate(100px,-100px)}}.server-rack{position:absolute;width:40px;height:60px;border:1px solid rgba(59,130,246,.25);border-radius:2px;animation:server-pulse 3s ease-in-out infinite}.server-rack-1{top:10%;right:10%;animation-delay:0s}.server-rack-2{bottom:20%;left:5%;animation-delay:1s}.server-rack-3{top:50%;right:15%;animation-delay:2s}@keyframes server-pulse{0%,to{border-color:#3b82f626;box-shadow:none}50%{border-color:#3b82f666;box-shadow:0 0 10px #3b82f633}}.network-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.3) 50%,transparent 100%);opacity:0;animation:network-pulse 4s ease-in-out infinite}.network-line-1{top:25%;left:0;width:100%;animation-delay:0s}.network-line-2{top:55%;left:0;width:100%;animation-delay:2s}@keyframes network-pulse{0%,to{opacity:0;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a1a;padding:2rem;position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at top,rgba(30,30,80,.3) 0%,transparent 60%);pointer-events:none;z-index:0}.auth-card{position:relative;z-index:1;width:100%;max-width:420px;background:#111128cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2.5rem 2rem;box-shadow:0 8px 32px #0006}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo .logo{display:inline-flex;align-items:center;gap:.25rem;font-family:Share Tech Mono,monospace;font-size:2rem;cursor:pointer;text-decoration:none}.auth-logo .logo-text{color:#fff;font-weight:700}.auth-logo .logo-accent{color:#3b82f6;font-weight:700}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-family:Share Tech Mono,monospace;font-size:1.75rem;color:#fff;margin-bottom:.5rem}.auth-header p{color:#88a;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#e0e0e0;font-size:.9rem;font-weight:500}.form-input,.form-select{width:100%;padding:.75rem 1rem;background:#0a0a1a99;border:1px solid #2a2a4a;border-radius:8px;color:#fff;font-size:.95rem;transition:all .2s}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-input::placeholder{color:#556}.input-error{border-color:#ef4444!important}.error-message{color:#ef4444;font-size:.85rem}.form-helper{color:#88a;font-size:.85rem}.auth-submit{width:100%;padding:.875rem;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #6366f166}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #2a2a4a}.auth-footer p{color:#88a;font-size:.9rem}.auth-footer a{color:#b0b0c0;text-decoration:none;font-weight:500}.auth-footer a:hover{color:#3b82f6;text-decoration:underline}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem 1rem;color:#ef4444;font-size:.9rem;margin-bottom:1rem}.auth-success{background:#00ff411a;border:1px solid rgba(0,255,65,.3);border-radius:8px;padding:.75rem 1rem;color:#22c55e;font-size:.9rem;margin-bottom:1rem}@media (max-width: 640px){.auth-card{padding:2rem 1.5rem}.auth-header h1,.auth-logo .logo{font-size:1.5rem}}:root{--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #60a5fa;--color-accent-dark: #1a1a3a;--color-accent-subtle: #252545;--color-cta: #6366f1;--color-cta-hover: #818cf8;--color-cta-light: #a5b4fc;--color-success: #22c55e;--color-success-dark: #16a34a;--color-accent: #f59e0b;--color-accent-alt: #0ea5e9;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-bg-dark: #0a0a1a;--color-bg-darker: #050508;--color-bg-overlay: rgba(10, 10, 26, .9);--color-bg-card: #131520;--color-bg-card-hover: #1E2033;--color-bg-secondary: #1a1a3a;--color-secondary: #0ea5e9;--color-border: #1a1a3a;--color-border-light: #2a2a4a;--color-divider: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: #e0e0e0;--color-text-muted: #8888aa;--color-text-disabled: #555566;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: "Share Tech Mono", "Courier New", monospace;--font-family-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-size-6xl: 3.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 5rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .5);--shadow-glow-primary: 0 0 20px rgba(59, 130, 246, .3);--shadow-glow-secondary: 0 0 20px rgba(14, 165, 233, .3);--shadow-glow-accent: 0 0 20px rgba(99, 102, 241, .3);--shadow-glow-success: 0 0 20px rgba(34, 197, 94, .3);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--transition-slower: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-overlay: 9999}@media (max-width: 1200px){:root{--spacing-2xl: 2.5rem;--spacing-3xl: 3.5rem}}@media (max-width: 768px){:root{--font-size-5xl: 2.5rem;--font-size-4xl: 2rem;--font-size-3xl: 1.75rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem}}@media (max-width: 480px){:root{--font-size-6xl: 2.5rem;--font-size-5xl: 2rem;--font-size-4xl: 1.75rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);background-color:var(--color-bg-dark);color:var(--color-text-primary);line-height:var(--line-height-normal);overflow-x:hidden;min-height:100vh}code,pre{font-family:var(--font-family-mono)}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}p:last-child{margin-bottom:0}strong,b{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}em,i{font-style:italic}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-light);text-decoration:underline}a:active{color:var(--color-primary-dark)}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}li{margin-bottom:var(--spacing-sm)}img,picture{max-width:100%;height:auto;display:block}table{width:100%;border-collapse:collapse;border-spacing:0}th,td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:var(--font-weight-semibold);background-color:var(--color-bg-card);color:var(--color-text-primary)}blockquote{margin:var(--spacing-md) 0;padding:var(--spacing-md) var(--spacing-lg);border-left:4px solid var(--color-primary);background-color:var(--color-bg-card);color:var(--color-text-secondary);font-style:italic}hr{border:none;height:1px;background-color:var(--color-border);margin:var(--spacing-lg) 0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-md);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::selection{background-color:var(--color-primary);color:#fff}::-moz-selection{background-color:var(--color-primary);color:#fff}::placeholder{color:var(--color-text-muted);opacity:1}::-ms-input-placeholder{color:var(--color-text-muted)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.container-sm{max-width:768px}.container-md{max-width:1024px}.container-lg{max-width:1280px}.container-xl{max-width:1400px}@media (max-width: 768px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}}@media (max-width: 480px){html{font-size:14px}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);text-align:center;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;border:none;border-radius:var(--radius-md);transition:all var(--transition-base);outline:none;position:relative;overflow:hidden}button:disabled,.btn:disabled,button[disabled],.btn[disabled]{cursor:not-allowed;opacity:.5}.btn-primary,button.btn-primary{background-color:#fff;color:#000;border:2px solid #ffffff}.btn-primary:hover:not(:disabled),button.btn-primary:hover:not(:disabled){background-color:#f0f0f0;border-color:#f0f0f0;box-shadow:0 4px 15px #ffffff4d;transform:translateY(-2px);color:#000}.btn-primary:active:not(:disabled),button.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn-secondary,button.btn-secondary{background-color:#fff;color:#000;border:2px solid #ffffff}.btn-secondary:hover:not(:disabled),button.btn-secondary:hover:not(:disabled){background-color:#f0f0f0;border-color:#f0f0f0;box-shadow:0 4px 15px #ffffff4d;transform:translateY(-2px);color:#000}.btn-secondary:active:not(:disabled),button.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-success,button.btn-success{background-color:#fff;color:#000;border:2px solid #ffffff}.btn-success:hover:not(:disabled),button.btn-success:hover:not(:disabled){background-color:#f0f0f0;border-color:#f0f0f0;box-shadow:0 4px 15px #ffffff4d;transform:translateY(-2px);color:#000}.btn-danger,button.btn-danger{background-color:#fff;color:#000;border:2px solid #ffffff}.btn-danger:hover:not(:disabled),button.btn-danger:hover:not(:disabled){background-color:#f0f0f0;border-color:#f0f0f0;box-shadow:0 4px 15px #ffffff4d;transform:translateY(-2px);color:#000}.btn-warning,button.btn-warning{background-color:#fff;color:#000;border:2px solid #ffffff}.btn-warning:hover:not(:disabled),button.btn-warning:hover:not(:disabled){background-color:#f0f0f0;border-color:#f0f0f0;box-shadow:0 4px 15px #ffffff4d;transform:translateY(-2px);color:#000}.btn-ghost,button.btn-ghost{background-color:#fff;color:#000;border:2px solid #ffffff}.btn-ghost:hover:not(:disabled),button.btn-ghost:hover:not(:disabled){background-color:#f0f0f0;border-color:#f0f0f0;color:#000}.btn-xs,button.btn-xs{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.btn-sm,button.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.btn-md,button.btn-md{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.btn-lg,button.btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg)}.btn-xl,button.btn-xl{padding:var(--spacing-xl) var(--spacing-2xl);font-size:var(--font-size-xl)}.btn-block,button.btn-block{width:100%;display:flex}.btn-auto,button.btn-auto{width:auto}.btn-icon,button.btn-icon{padding:var(--spacing-md);width:auto}.btn-icon svg,button.btn-icon svg{width:1.25rem;height:1.25rem}.btn-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn-group-vertical{display:flex;flex-direction:column;gap:var(--spacing-sm)}.btn-group.stacked{flex-direction:column}.btn-loading,button.btn-loading{pointer-events:none;opacity:.7}.btn-loading:after,button.btn-loading:after{content:"";display:inline-block;width:14px;height:14px;margin-left:var(--spacing-sm);border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-arcade,button.btn-arcade{background:#fff;color:#000;border:2px solid #ffffff;font-family:var(--font-family-arcade);letter-spacing:1px;font-weight:var(--font-weight-bold);padding:var(--spacing-md) var(--spacing-lg)}.btn-arcade:hover:not(:disabled),button.btn-arcade:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:2px 2px #ffffff4d;background:#f0f0f0}.btn-arcade:active:not(:disabled),button.btn-arcade:active:not(:disabled){transform:translate(0);box-shadow:none}.btn-arcade-primary,.btn-arcade-secondary{background:#fff;color:#000;border-color:#fff}@media (max-width: 768px){.btn-md,button.btn-md{padding:var(--spacing-md) var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg,button.btn-lg{padding:var(--spacing-lg) var(--spacing-lg);font-size:var(--font-size-base)}.btn-group{flex-direction:column}.btn-block,button.btn-block{width:100%}}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-glow-secondary),var(--shadow-md)}.card-elevated{box-shadow:var(--shadow-md)}.card-flat{box-shadow:none;border-color:var(--color-border-light)}.card-primary{border-color:var(--color-primary);background:linear-gradient(135deg,rgba(59,130,246,.05) 0%,transparent 100%)}.card-secondary{border-color:var(--color-secondary);background:linear-gradient(135deg,rgba(0,217,255,.05) 0%,transparent 100%)}.card-success{border-color:var(--color-success);background:linear-gradient(135deg,rgba(0,230,118,.05) 0%,transparent 100%)}.card-warning{border-color:var(--color-warning);background:linear-gradient(135deg,rgba(255,184,0,.05) 0%,transparent 100%)}.card-error{border-color:var(--color-error);background:linear-gradient(135deg,rgba(255,61,87,.05) 0%,transparent 100%)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card-header h2,.card-header h3,.card-header h4{margin-bottom:0}.card-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:0}.card-body{flex:1}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.card-grid-2{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.card-grid-list{grid-template-columns:1fr}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl);min-height:200px}.stat-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.stat-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-change{font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-error)}.service-card{display:flex;flex-direction:column;height:100%;border:3px solid;background:#111;transition:all var(--transition-base)}.service-card:hover{transform:scale(1.05);box-shadow:0 0 20px currentColor}.service-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.service-name{font-size:var(--font-size-2xl);margin:var(--spacing-md) 0;letter-spacing:1px}.service-description{font-size:.95rem;margin:var(--spacing-md) 0;line-height:1.4}.service-features{margin:var(--spacing-md) 0}.feature-item{font-size:.9rem;margin:.5rem 0}.feature-marker{color:#6366f1;margin-right:.5rem}.agent-card{border:3px solid #22c55e;background:#111;padding:var(--spacing-md);display:flex;flex-direction:column;height:100%}.agent-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);border-bottom:2px solid #22c55e;padding-bottom:.5rem}.agent-avatar{width:40px;height:40px;background:#6366f1;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.status-badge{font-weight:700}.status-badge.available{color:#22c55e}.status-badge.busy{color:#6366f1}.agent-name{margin:.5rem 0;letter-spacing:.5px}.agent-tag{background:#222;border:1px solid #0ea5e9;padding:.3rem .6rem;margin:.25rem;font-size:.75rem}.agent-stats{display:flex;justify-content:space-around;margin:var(--spacing-md) 0;border:2px solid #6366f1;padding:.5rem}.agent-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--spacing-md);border-top:2px solid #22c55e}.agent-price{display:flex;flex-direction:column;align-items:flex-start}.price-value{font-weight:700;color:#ffbe0b}.feature-card{border:3px solid #0ea5e9;padding:var(--spacing-lg);background:#111;text-align:center}.feature-card-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.feature-card-title{letter-spacing:1px;margin:.5rem 0}@media (max-width: 1024px){.card-grid-3,.card-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.card{padding:var(--spacing-md)}.card-grid,.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}.card-footer{flex-direction:column;align-items:stretch}.stat-card{min-height:150px}.stat-value{font-size:var(--font-size-3xl)}}@media (max-width: 480px){.card{padding:var(--spacing-md);border-radius:var(--radius-md)}.card-header{flex-direction:column;align-items:flex-start}.agent-card-footer{flex-direction:column}}.form-label{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-base)}.form-label.required:after{content:" *";color:var(--color-error)}.form-hint{font-size:var(--font-size-sm);color:#9898a8;margin-top:var(--spacing-xs);display:block}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week],input[type=search],textarea,select,.form-input{width:100%;padding:var(--spacing-md);font-family:var(--font-family-primary);font-size:var(--font-size-base);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);line-height:var(--line-height-normal);transition:all var(--transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,input[type=search]::placeholder,textarea::placeholder,.form-input::placeholder{color:var(--color-text-muted)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=date]:focus,input[type=time]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=week]:focus,input[type=search]:focus,textarea:focus,select:focus,.form-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg-card);box-shadow:0 0 0 3px #3b82f61a}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,textarea:disabled,select:disabled,.form-input:disabled{background:var(--color-bg-darker);color:var(--color-text-disabled);cursor:not-allowed;opacity:.7}.form-input.input-error,input.input-error,textarea.input-error,select.input-error{border-color:var(--color-error);background:#ff3d570d}.form-input.input-error:focus,input.input-error:focus,textarea.input-error:focus,select.input-error:focus{box-shadow:0 0 0 3px #ff3d571a;border-color:var(--color-error)}.form-input.input-success,input.input-success,textarea.input-success,select.input-success{border-color:var(--color-success);background:#00e6760d}textarea,.form-textarea{min-height:120px;resize:vertical;font-family:var(--font-family-primary)}textarea:focus,.form-textarea:focus{resize:vertical}select,.form-select{cursor:pointer;padding-right:var(--spacing-xl);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;background-size:1.5rem;color:var(--color-text-primary)}select::-ms-expand{display:none}input[type=checkbox],input[type=radio],.form-check-input{width:1.25rem;height:1.25rem;margin-right:var(--spacing-sm);cursor:pointer;accent-color:var(--color-primary)}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.form-check,.form-check-item{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.form-check-label,.form-check-item label{margin-bottom:0;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);-webkit-user-select:none;user-select:none}.form-check-item input[type=checkbox]:focus,.form-check-item input[type=radio]:focus{outline:2px solid var(--color-primary);outline-offset:2px}input[type=file],.form-file{display:block;width:100%;padding:var(--spacing-md);background:var(--color-bg-card);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base)}input[type=file]:hover,.form-file:hover{border-color:var(--color-primary);background:var(--color-bg-card-hover)}input[type=file]:focus,.form-file:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.error-message,.form-error{display:block;color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);font-weight:var(--font-weight-semibold)}.success-message,.form-success{display:block;color:var(--color-success);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.warning-message,.form-warning{display:block;color:var(--color-warning);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.info-message,.form-info{display:block;color:var(--color-info);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.form-container,.form-wrapper{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.form-row.full{grid-template-columns:1fr}.form-row-col{display:flex;flex-direction:column}.form-actions,.form-buttons{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.form-actions.center{justify-content:center}.form-actions.start{justify-content:flex-start}.form-actions.stretch{flex-direction:column}.form-actions.stretch button{width:100%}.form-input-sm,input.form-input-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.form-input-lg,input.form-input-lg{padding:var(--spacing-lg) var(--spacing-lg);font-size:var(--font-size-lg)}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select,.form-input{font-size:16px}}@media (max-width: 480px){.form-container{padding:var(--spacing-lg)}.form-actions,.form-buttons{flex-direction:column-reverse}.form-actions button,.form-buttons button{width:100%}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-bold{font-weight:var(--font-weight-bold)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-normal{font-weight:var(--font-weight-normal)}.text-italic{font-style:italic}.text-underline{text-decoration:underline}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-nowrap{white-space:nowrap}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-1{-webkit-line-clamp:1}.text-clamp-3{-webkit-line-clamp:3}.display-none{display:none!important}.display-inline{display:inline!important}.display-block{display:block!important}.display-inline-block{display:inline-block!important}.display-flex{display:flex!important}.display-grid{display:grid!important}.visibility-hidden{visibility:hidden}.visibility-visible{visibility:visible}.flex{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-around{justify-content:space-around}.flex-evenly{justify-content:space-evenly}.flex-start{justify-content:flex-start}.flex-end{justify-content:flex-end}.flex-align-center{align-items:center}.flex-align-start{align-items:flex-start}.flex-align-end{align-items:flex-end}.flex-1{flex:1}.flex-auto{flex:auto}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.m-3xl{margin:var(--spacing-3xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.ml-0{margin-left:0}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.mr-0{margin-right:0}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.gap-0{gap:0}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.w-full{width:100%}.w-auto{width:auto}.w-min{width:min-content}.w-max{width:max-content}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.max-w-full{max-width:100%}.max-w-sm{max-width:640px}.max-w-md{max-width:768px}.max-w-lg{max-width:1024px}.max-w-xl{max-width:1280px}.max-w-2xl{max-width:1400px}.bg-dark{background-color:var(--color-bg-dark)}.bg-card{background-color:var(--color-bg-card)}.bg-card-hover{background-color:var(--color-bg-card-hover)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-error{background-color:var(--color-error)}.bg-warning{background-color:var(--color-warning)}.bg-transparent{background-color:transparent}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.pointer-none{pointer-events:none}.pointer-auto{pointer-events:auto}@media (max-width: 1024px){.lg-hidden{display:none}}@media (max-width: 768px){.md-hidden{display:none}.md-flex{display:flex}.md-grid{display:grid}}@media (max-width: 480px){.sm-hidden{display:none}.sm-flex{display:flex}.sm-block{display:block}}@media print{.no-print{display:none!important}.print-only{display:block!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner,.spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.bounce{animation:bounce 1s infinite}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-up{animation:slideInUp .3s ease-out}.slide-in-down{animation:slideInDown .3s ease-out}.slide-in-left{animation:slideInLeft .3s ease-out}.slide-in-right{animation:slideInRight .3s ease-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:fadeIn .3s ease-in}.fade-out{animation:fadeOut .3s ease-out}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}.scale-in{animation:scaleIn .2s ease-out}.scale-out{animation:scaleOut .2s ease-in}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s ease-in-out}@keyframes glow{0%,to{box-shadow:0 0 5px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc}}.glow{animation:glow 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 3s ease-in-out infinite}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);animation:fadeIn .2s ease-out}.loading-spinner{width:48px;height:48px;border:4px solid rgba(59,130,246,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.small{width:24px;height:24px;border-width:2px}.loading-spinner.large{width:64px;height:64px;border-width:5px}@keyframes skeleton-loading{0%{background-color:var(--color-bg-card)}50%{background-color:var(--color-bg-card-hover)}to{background-color:var(--color-bg-card)}}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-line{height:12px;width:100%;margin-bottom:var(--spacing-md);border-radius:var(--radius-sm);animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes slideInToast{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToast{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.toast-enter{animation:slideInToast .3s ease-out}.toast-exit{animation:slideOutToast .3s ease-in}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-backdrop{animation:modalBackdropFadeIn .2s ease-out}.modal-content{animation:modalContentScaleIn .2s ease-out}@keyframes dropdownSlideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.dropdown-menu{animation:dropdownSlideIn .15s ease-out}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:background-color,border-color,color var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}.transition-shadow{transition:box-shadow var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-slower{transition:all var(--transition-slower)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-shadow{transition:box-shadow var(--transition-base)}.hover-shadow:hover{box-shadow:var(--shadow-lg)}.hover-lift{transition:all var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-glow{transition:all var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-glow-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in-down{animation:fadeInDown .6s ease-out forwards}.animate-fade-in-left{animation:fadeInLeft .6s ease-out forwards}.animate-fade-in-right{animation:fadeInRight .6s ease-out forwards}.animate-fade-in-scale{animation:fadeInScale .6s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.blink{animation:blink 1s ease-in-out infinite}.blink-fast{animation:blink .3s ease-in-out infinite}.blink-slow{animation:blink 2s ease-in-out infinite}@keyframes spin3d{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.spin-3d{animation:spin3d 3s linear infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #3b82f666}50%{box-shadow:0 0 20px #3b82f699,0 0 40px #3b82f64d}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes data-flow{0%{background-position:0% 50%}to{background-position:100% 50%}}.data-flow{background:linear-gradient(90deg,transparent,rgba(59,130,246,.25),transparent);background-size:200% 100%;animation:data-flow 2s linear infinite}@keyframes matrix-fall{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.hover-shimmer{position:relative;overflow:hidden}.hover-shimmer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;opacity:0;transition:opacity .3s}.hover-shimmer:hover:after{opacity:1;animation:shimmer 1.5s infinite}.card-glow{transition:all .3s ease}.card-glow:hover{box-shadow:0 0 30px #3b82f633;border-color:#3b82f666}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);opacity:0}.ripple:active:after{animation:ripple .6s ease-out}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--color-primary)}}.typing-effect{overflow:hidden;white-space:nowrap;border-right:2px solid var(--color-primary);animation:typing 3s steps(40,end),blink-caret .75s step-end infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-animate{background:linear-gradient(-45deg,#3b82f6,#6366f1,#22c55e,#3b82f6);background-size:400% 400%;animation:gradient-shift 5s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes parallax-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(2deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(10px) rotate(-2deg)}}.parallax-float{animation:parallax-float 6s ease-in-out infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.scanline:after{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:#3b82f61a;animation:scanline 4s linear infinite;pointer-events:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);overflow:hidden;background:radial-gradient(circle at 50% 50%,#1A1C2E 0%,var(--color-bg-dark) 100%)}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--color-primary) 0%,transparent 70%);top:-200px;left:-100px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--color-secondary) 0%,transparent 70%);bottom:-150px;right:-100px;animation-delay:5s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,var(--color-accent) 0%,transparent 70%);top:50%;right:10%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-content{position:relative;z-index:1;max-width:1200px;text-align:center}.hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-accent) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 8s ease infinite;background-size:200% 200%}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:clamp(1.125rem,2.5vw,1.5rem);color:var(--color-text-secondary);max-width:700px;margin:0 auto var(--spacing-xl);line-height:1.6}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.btn-hero{padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;border-radius:var(--radius-lg);transition:all .3s ease}.hero-stats{display:flex;gap:var(--spacing-xl);justify-content:center;flex-wrap:wrap;padding:var(--spacing-xl) 0}.stat-item{text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.features-section{padding:var(--spacing-xl) var(--spacing-md);background:var(--color-bg-dark)}.section-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-xl)}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.section-subtitle{font-size:1.25rem;color:var(--color-text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.feature-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-accent));transform:scaleX(0);transition:transform .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.feature-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.feature-description{color:var(--color-text-secondary);line-height:1.6}.how-it-works-section{padding:var(--spacing-xl) var(--spacing-md);background:linear-gradient(180deg,var(--color-bg-dark) 0%,var(--color-bg-card) 100%)}.steps-grid{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);max-width:1200px;margin:0 auto;flex-wrap:wrap}.step-card{flex:1;min-width:250px;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all .3s ease}.step-card:hover{border-color:var(--color-primary);transform:scale(1.05)}.step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto var(--spacing-md)}.step-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.step-description{color:var(--color-text-secondary);line-height:1.6}.step-arrow{font-size:2rem;color:var(--color-text-muted);flex-shrink:0}.cta-section{padding:var(--spacing-xl) var(--spacing-md);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);position:relative;overflow:hidden}.cta-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.cta-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:var(--spacing-sm);color:#fff}.cta-subtitle{font-size:1.25rem;margin-bottom:var(--spacing-lg);color:#ffffffe6}.cta-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.btn-outline{background:#fff;border:2px solid #ffffff;color:#000}.btn-outline:hover{background:#f0f0f0;color:#000}.landing-footer{background:var(--color-bg-dark);border-top:1px solid var(--color-border);padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}}.footer-logo{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.footer-tagline{color:var(--color-text-secondary)}.footer-heading{font-size:.875rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm)}.footer-link{display:block;color:var(--color-text-secondary);text-decoration:none;margin-bottom:.5rem;transition:color .2s ease}.footer-link:hover{color:var(--color-primary)}.footer-copyright{color:var(--color-text-muted);font-size:.875rem}.marketplace-section{padding:var(--spacing-xl) var(--spacing-md);background:var(--color-bg-dark);max-width:1400px;margin:0 auto}.browse-filters{margin:var(--spacing-lg) 0;display:flex;flex-direction:column;gap:var(--spacing-md)}.search-bar{display:flex;gap:var(--spacing-sm);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sm);align-items:center}.search-input{flex:1;background:transparent;border:none;color:var(--color-text-primary);outline:none;font-size:1rem;padding:var(--spacing-sm)}.search-input::placeholder{color:var(--color-text-muted)}.search-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.25rem;padding:0 var(--spacing-sm)}.category-chip{padding:.5rem 1rem;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:.9rem}.category-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.agent-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.agent-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary);transform:translateY(-2px)}.agent-card-header{padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-bg-card-hover) 0%,var(--color-bg-card) 100%);display:flex;justify-content:space-between;align-items:center}.agent-avatar{width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;color:#fff}.status-badge{font-size:.85rem;padding:.25rem .75rem;border-radius:var(--radius-sm);background:#00e6761a;color:var(--color-success)}.status-badge.busy{background:#ff3d571a;color:var(--color-error)}.agent-card-body{padding:var(--spacing-md);flex:1}.agent-name{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary)}.agent-description{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);line-height:1.4}.agent-owner{font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.agent-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:var(--spacing-sm)}.tag{font-size:.75rem;padding:.25rem .5rem;background:#3b82f626;color:var(--color-primary-light);border-radius:var(--radius-sm)}.agent-stats{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase}.stat-value{font-weight:600;color:var(--color-text-primary);font-size:.95rem}.agent-card-footer{padding:var(--spacing-md);background:var(--color-bg-card-hover);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.agent-price{display:flex;flex-direction:column;gap:.25rem}.price-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase}.price-value{font-size:1.25rem;font-weight:700;color:var(--color-secondary)}.btn-disabled{background:var(--color-border)!important;color:var(--color-text-muted)!important;cursor:not-allowed!important;opacity:.5}.empty-state{text-align:center;padding:var(--spacing-xl)}.empty-state-text{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.app-embed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-embed-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100%;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.app-embed-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;z-index:1001;padding:var(--spacing-sm);transition:color .2s ease}.app-embed-close:hover{color:var(--color-text-primary)}.app-embed-content{padding:var(--spacing-lg);max-width:600px;margin:0 auto}.quick-rent-interface{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.interface-header{margin-bottom:var(--spacing-lg);text-align:center}.interface-header h2{font-size:1.8rem;margin-bottom:.5rem}.interface-header p{color:var(--color-text-secondary)}.quick-rent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.quick-rent-card{background:var(--color-bg-card-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease;text-align:center}.quick-rent-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.quick-rent-name{font-weight:600;font-size:.95rem;margin-bottom:.5rem}.quick-rent-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.5rem}.price-value{font-size:1.5rem;font-weight:700;color:var(--color-secondary)}.price-unit{color:var(--color-text-muted);font-size:.85rem}.quick-rent-rating{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.interface-note{background:#3b82f61a;border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--color-text-secondary);text-align:center;font-size:.9rem}.rental-interface{animation:slideIn .3s ease}.btn-back{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:1rem;margin-bottom:var(--spacing-md);transition:color .2s ease}.btn-back:hover{color:var(--color-primary-light)}.rental-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.rental-agent-info{display:flex;gap:var(--spacing-md);align-items:center}.rental-avatar{width:64px;height:64px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff}.rental-agent-info h2{font-size:1.5rem;margin-bottom:.25rem}.rental-owner{color:var(--color-text-secondary);font-size:.9rem}.rental-rating{text-align:right;font-size:.95rem;color:var(--color-text-secondary)}.rental-description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.rental-form{background:var(--color-bg-card-hover);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.95rem}.duration-input{display:flex;align-items:center;gap:.5rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem}.duration-input button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.duration-input button:hover{color:var(--color-primary)}.duration-input input{flex:1;background:transparent;border:none;color:var(--color-text-primary);text-align:center;font-size:1.1rem;font-weight:600;outline:none;width:50px}.rental-pricing{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.pricing-row{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.95rem}.pricing-row.total{border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);font-weight:600;color:var(--color-text-primary)}.total-amount{font-size:1.3rem;color:var(--color-secondary);font-weight:700}.btn-large{width:100%;padding:.75rem 1.5rem;font-size:1rem}.auth-required{text-align:center;padding:var(--spacing-lg);background:#3b82f61a;border-radius:var(--radius-md)}.auth-required p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}.auth-required .btn{width:100%}.rental-info{margin-top:var(--spacing-lg)}.rental-info h4{font-size:1rem;margin-bottom:var(--spacing-md);font-weight:600}.info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-md)}.info-item{background:var(--color-bg-card-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center}.info-label{display:block;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:.25rem}.info-value{display:block;font-weight:600;color:var(--color-text-primary);font-size:.95rem}.wallet-connected{display:flex;align-items:center;justify-content:space-between;background:#00e6761a;border:1px solid var(--color-success);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);font-size:.9rem}.wallet-badge{color:var(--color-success);font-weight:600}.wallet-address{color:var(--color-text-secondary);font-family:monospace;font-size:.85rem}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);background:#ff3d571a;border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--color-error);font-size:.9rem}.btn.loading{position:relative;opacity:.8}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;right:var(--spacing-md);top:50%;transform:translateY(-50%)}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.rental-success{animation:slideIn .4s ease;text-align:center}.success-icon{font-size:3rem;color:var(--color-success);margin-bottom:var(--spacing-md);animation:popIn .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.rental-success h3{font-size:1.5rem;color:var(--color-text-primary);margin-bottom:.5rem}.rental-success>p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.success-details{background:var(--color-bg-card-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);text-align:left}.detail-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;font-size:.95rem}.detail-row:not(:last-child){border-bottom:1px solid var(--color-border)}.detail-row span:first-child{color:var(--color-text-secondary);font-weight:500}.detail-row span:last-child{color:var(--color-text-primary);font-weight:600}.tx-hash{font-family:monospace;font-size:.85rem;color:var(--color-secondary);cursor:pointer}.tx-hash:hover{opacity:.8}.duration-input button:disabled,.duration-input input:disabled{opacity:.5;cursor:not-allowed}.duration-input input:disabled{background:#ffffff0d}.pricing-row span:last-child{color:var(--color-text-primary)}.pricing-row:nth-child(3) span:last-child{color:var(--color-warning);font-size:.9rem}@media (max-width: 768px){.agents-grid{grid-template-columns:1fr}.rental-header{flex-direction:column;gap:var(--spacing-md)}.rental-rating{text-align:left}.info-grid{grid-template-columns:1fr}.app-embed-modal{max-height:100vh;border-radius:0}.wallet-connected{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.success-details{margin-top:var(--spacing-md)}}.arcade-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;border:2px solid #ffffff;border-radius:4px;cursor:pointer;transition:all .2s ease;background:#fff;color:#000;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;position:relative}.arcade-btn:disabled{opacity:.5;cursor:not-allowed}.arcade-btn-primary{background:#fff;color:#000;border-color:#fff;box-shadow:none}.arcade-btn-primary:hover:not(:disabled){background:#f0f0f0;color:#000;box-shadow:0 4px 15px #ffffff4d;transform:scale(1.05)}.arcade-btn-primary:active:not(:disabled){transform:scale(.98)}.arcade-btn-secondary{background:#fff;color:#000;border-color:#fff}.arcade-btn-secondary:hover:not(:disabled){background:#f0f0f0;color:#000;transform:scale(1.05)}.arcade-btn-secondary:active:not(:disabled){transform:scale(.98)}.arcade-btn-service{border-radius:8px;padding:.85rem 1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;background:#fff;color:#000;border-color:#fff;transition:all .3s ease;box-shadow:none}.arcade-btn-service:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #ffffff4d;background:#f0f0f0;color:#000}.arcade-btn-disabled{color:#6e6e80;border-color:#6e6e80;cursor:not-allowed;opacity:.5}.arcade-btn-large{padding:1rem 2.5rem;font-size:1.1rem}.service-card{background:#131520cc;border:2px solid;border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.service-card:hover{transform:translateY(-8px);box-shadow:0 0 30px currentColor}.service-card:hover:before{opacity:1}.service-icon{font-size:3rem;display:flex;align-items:center;justify-content:center}.service-name{font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#fff}.service-description{color:#a0a0b2;font-size:.95rem;line-height:1.6}.service-features{display:flex;flex-direction:column;gap:.75rem}.feature-item{color:#a0a0b2;font-size:.9rem;display:flex;align-items:center;gap:.75rem}.feature-marker{color:inherit;font-weight:700}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1400px;margin:0 auto}@media (max-width: 1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.services-grid{grid-template-columns:1fr}.arcade-btn{width:100%}.arcade-btn-large{padding:.9rem 2rem;font-size:1rem}}.nav-links{display:flex;gap:8px;align-items:center}.nav-link-btn{background:transparent;border:1px solid #ffffff;color:#fff!important;padding:8px 16px;font-family:"Press Start 2P",monospace;font-size:10px;cursor:pointer;transition:all .2s}.nav-link-btn:hover,.nav-link-active{background:#ffffff26;border-color:#fff;color:#fff!important}.app-layout{display:flex;min-height:100vh;background:var(--color-bg-dark)}.app-sidebar{width:260px;background:var(--color-bg-card);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.logo-icon{font-size:1.75rem}.sidebar-nav{flex:1;padding:var(--spacing-md);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-text-secondary);text-decoration:none;transition:all .2s ease;margin-bottom:.25rem}.nav-item:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.nav-item.active{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));color:#fff}.nav-icon{font-size:1.25rem}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border)}.user-info{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-card-hover);border-radius:var(--radius-sm)}.user-avatar{width:40px;height:40px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.user-details{flex:1}.user-name{font-weight:600;color:var(--color-text-primary);font-size:.875rem}.user-type{font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize}.logout-button{width:100%;padding:var(--spacing-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.logout-button:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.app-main{flex:1;display:flex;flex-direction:column}.app-header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);position:sticky;top:0;z-index:10}.page-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.header-right{display:flex;gap:var(--spacing-sm)}.app-content{flex:1;padding:var(--spacing-lg);overflow-y:auto}.dashboard-home{max-width:1400px;margin:0 auto}.welcome-section{margin-bottom:var(--spacing-xl)}.welcome-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.welcome-subtitle{color:var(--color-text-secondary);font-size:1.125rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transform:scaleX(0);transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.stat-content{margin-bottom:var(--spacing-md)}.stat-link{color:var(--color-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease}.stat-link:hover{color:var(--color-primary-light)}.recent-activity{margin-bottom:var(--spacing-xl)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.section-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.section-link:hover{color:var(--color-primary-light)}.activity-list{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.activity-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);transition:background .2s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--color-bg-card-hover)}.activity-icon{font-size:1.5rem}.activity-details{flex:1}.activity-description{color:var(--color-text-primary);font-weight:500;margin-bottom:.25rem}.activity-meta{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.875rem}.activity-agent{color:var(--color-primary)}.activity-amount{color:var(--color-success);font-weight:600}.quick-actions{margin-bottom:var(--spacing-xl)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.action-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);text-decoration:none;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.action-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.action-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.action-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.action-description{color:var(--color-text-secondary);font-size:.875rem}@media (max-width: 1024px){.app-sidebar{width:220px}}@media (max-width: 768px){.app-sidebar{position:fixed;left:-260px;transition:left .3s ease;z-index:100}.app-sidebar.open{left:0}.stats-grid,.actions-grid{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:#fff;color:#000;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #ffffff4d;background:#f0f0f0;color:#000}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn-secondary{background:#fff;color:#000;border:1px solid #ffffff}.btn-secondary:hover:not(:disabled){background:#f0f0f0;border-color:#f0f0f0;color:#000}.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-outline{background:#fff;color:#000;border:2px solid #ffffff}.btn-outline:hover:not(:disabled){background:#f0f0f0;border-color:#f0f0f0;color:#000}.btn-outline:active:not(:disabled){transform:scale(.98)}.btn-disabled{background:var(--color-bg-card-hover);color:var(--color-text-muted);cursor:not-allowed}.btn-success{background:#fff;color:#000;box-shadow:none}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #ffffff4d;background:#f0f0f0}.btn-success:active:not(:disabled){transform:translateY(0)}.btn-danger{background:#fff;color:#000}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #ffffff4d;background:#f0f0f0}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-hero{padding:1rem 2.5rem;font-size:1.125rem;border-radius:var(--radius-lg)}.btn-ghost{background:#fff;color:#000;border:1px solid #ffffff}.btn-ghost:hover:not(:disabled){color:#000;background:#f0f0f0;border-color:#f0f0f0}.btn:focus-visible,button:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.btn .spinner{width:1em;height:1em;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.browse-page{min-height:100vh;background:var(--color-bg-dark);padding:var(--spacing-lg) var(--spacing-md)}.browse-header{max-width:1400px;margin:0 auto var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.browse-header-content{flex:1;min-width:300px}.browse-title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.browse-subtitle{font-size:1.125rem;color:var(--color-text-secondary)}.browse-auth-prompt{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.browse-auth-prompt p{color:var(--color-text-secondary);margin:0}.rent-page{min-height:100vh;background:var(--color-bg-dark)}.rent-page .header{background:#0a0a1af2}.rent-page .page-header{background:linear-gradient(180deg,rgba(59,130,246,.08) 0%,var(--color-bg-dark) 100%)}.rent-page .page-title{font-family:var(--font-family-heading);font-size:2.5rem;color:#fff}.rent-page .browse-filters{background:#1a1a3a80;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.rent-page .filter-select{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem}.rent-page .filter-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #3b82f633}.rent-page .space-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.rent-page .space-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 32px #3b82f633}.rent-page .space-card-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.rent-page .space-icon{font-size:2rem;line-height:1}.rent-page .space-info{flex:1}.rent-page .space-name{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.rent-page .space-category{font-size:.75rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.rent-page .space-description{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}.rent-page .space-specs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.rent-page .spec-item{display:flex;flex-direction:column;gap:2px}.rent-page .spec-label{font-size:.625rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.rent-page .spec-value{font-size:.875rem;color:var(--color-text-primary);font-weight:500}.rent-page .space-pricing{margin-bottom:var(--spacing-md)}.rent-page .price-display{display:flex;align-items:baseline;gap:var(--spacing-xs)}.rent-page .price-value{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.rent-page .price-unit{font-size:.75rem;color:var(--color-text-muted)}.rent-page .space-rating{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);font-size:.875rem}.rent-page .rating-stars{font-size:1rem}.rent-page .rating-value{color:var(--color-text-primary);font-weight:600}.rent-page .rating-count{color:var(--color-text-muted)}.rent-page .btn-full{width:100%}.rent-page .empty-state{text-align:center;padding:var(--spacing-3xl)}.rent-page .empty-icon{font-size:4rem;display:block;margin-bottom:var(--spacing-md)}.rent-page .loading-state{text-align:center;padding:var(--spacing-3xl)}.rent-page .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}.browse-filters{max-width:1400px;margin:0 auto var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.search-box{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.search-icon{font-size:1.25rem;opacity:.6}.search-box .search-input{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-size:1rem;padding:0}.search-box .search-input:focus{outline:none;box-shadow:none}.filter-row{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.filter-row .filter-select{flex:1;min-width:150px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.filter-row .filter-select:hover{border-color:var(--color-primary)}.filter-row .filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f626}.search-bar{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.search-input{flex:1;padding:var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:#8888a0}.search-button{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary);border:none;border-radius:var(--radius-md);font-size:1.25rem;cursor:pointer;transition:all .2s ease}.search-button:hover{background:var(--color-primary-dark);transform:scale(1.05)}.category-filters{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.category-chip{padding:.5rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:50px;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.category-chip:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.category-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.extra-filters{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border)}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-label{color:#c4c4cc;font-size:.875rem;font-weight:500}.filter-select{padding:.5rem 1rem;background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.filter-select:hover{border-color:var(--color-primary)}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);max-width:1400px;margin:0 auto}.agent-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;position:relative}.agent-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary)}.agent-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-bg-card-hover)}.agent-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.agent-status{display:flex;align-items:center}.status-badge{padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600}.status-badge.available{background:#00e6761a;color:var(--color-success)}.status-badge.busy{background:#ffb8001a;color:var(--color-warning)}.agent-card-body{padding:var(--spacing-md)}.agent-name{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.agent-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:var(--spacing-md)}.agent-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.tag{padding:.25rem .75rem;background:var(--color-bg-card-hover);border:1px solid var(--color-border);border-radius:50px;font-size:.75rem;color:var(--color-text-secondary)}.agent-stats{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stat{flex:1;text-align:center}.stat-label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.25rem}.stat-value{display:block;font-weight:600;color:var(--color-text-primary)}.agent-card-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);gap:var(--spacing-md)}.agent-price{flex:1}.price-label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.25rem}.price-value{display:block;font-size:1.25rem;font-weight:700;color:var(--color-primary)}.agent-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0b0ff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:5}.agent-card:hover .agent-card-overlay{opacity:1}.overlay-content{text-align:center;padding:var(--spacing-md)}.overlay-text{color:#fff;font-weight:600;margin-bottom:var(--spacing-md)}.empty-state{text-align:center;padding:var(--spacing-xl);max-width:600px;margin:0 auto}.empty-state-text{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.wallet-connected{display:flex;align-items:center;gap:var(--spacing-sm)}.wallet-address{padding:.5rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:monospace;font-size:.875rem}.wallet-button{background:#fff!important;color:#000!important;border:none!important;border-radius:var(--radius-sm)!important;font-weight:600!important;transition:all .3s ease!important}.wallet-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffffff4d!important;background:#f0f0f0!important}.header{position:sticky;top:0;z-index:100;background:#0a0a1ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header-content{max-width:1400px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.logo{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;transition:transform .2s ease}.logo:hover{transform:scale(1.02)}.logo-text{font-family:var(--font-family-heading);font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.logo-accent{font-family:var(--font-family-heading);font-size:1.75rem;font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{color:#fff;text-decoration:none;font-weight:var(--font-weight-medium);transition:color .2s ease;background:none;border:none;font-size:1rem;cursor:pointer}.nav-link:hover{color:#fff;opacity:.8}.nav-link-active{color:#fff;border-bottom:2px solid #ffffff;padding-bottom:4px}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.page-header{padding:var(--spacing-3xl) 0 var(--spacing-xl);text-align:center;background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-bg-dark) 100%);border-bottom:1px solid var(--color-border)}.page-header .container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:600px;margin:0 auto}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.browse-results{padding:var(--spacing-xl) 0 var(--spacing-3xl)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.agent-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s ease}.agent-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.agent-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.agent-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.agent-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.status-available{background:#22c55e26;color:var(--color-success)}.status-unavailable{background:#ff3d5726;color:var(--color-error)}.agent-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}.agent-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.tag{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-muted)}.agent-meta{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.meta-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.meta-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase}.meta-value{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.meta-value.rating{color:var(--color-accent)}.space-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s ease}.space-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.space-card-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.space-icon{font-size:2rem}.space-info{flex:1}.space-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.space-category{font-size:var(--font-size-sm);color:var(--color-text-muted)}.space-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}.space-specs{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.spec-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.spec-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase}.spec-value{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.space-pricing{margin-bottom:var(--spacing-md)}.price-display{display:flex;align-items:baseline;gap:var(--spacing-xs)}.price-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.price-unit{font-size:var(--font-size-sm);color:var(--color-text-muted)}.space-rating{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.rating-stars{font-size:var(--font-size-lg)}.rating-value{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.rating-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.stats-page{min-height:100vh;background:var(--color-bg-dark)}.stats-page .page-title{background:linear-gradient(135deg,#fff,#b0b0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-page .page-subtitle{color:#88a}.stats-content{padding:var(--spacing-xl) 0 var(--spacing-3xl)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);transition:all .3s ease}.stat-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.stat-card.defi-card{background:linear-gradient(135deg,#111128,#0a0a1a);border:1px solid #1a1a3a;position:relative;overflow:hidden}.stat-card.defi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.4),transparent)}.stat-icon{font-size:2.5rem}.stat-icon.defi-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:#88a}.stat-info{display:flex;flex-direction:column}.stat-info .stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.stat-info .stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff}.stat-value-row{display:flex;align-items:center;gap:var(--spacing-sm)}.stat-value.defi-value{font-family:Share Tech Mono,monospace;font-size:1.75rem;color:#fff}.stat-change{display:inline-flex;align-items:center;gap:2px;font-size:.75rem;font-family:Share Tech Mono,monospace;padding:2px 6px;border-radius:var(--radius-sm)}.stat-change.positive{color:#22c55e;background:#22c55e1f}.stat-change.negative{color:#ef4444;background:#ef44441a}.stat-change.neutral{color:#888;background:#8888881a}.chart-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.chart-section.defi-chart{background:linear-gradient(135deg,#111128,#0a0a1a);border:1px solid #1a1a3a;border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.chart-header .section-title{display:flex;align-items:center;gap:var(--spacing-sm);color:#fff}.chart-legend{display:flex;gap:var(--spacing-md)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:#888}.legend-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(180deg,#3b82f6,#2563eb)}.section-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.chart-container{display:flex;justify-content:space-between;align-items:flex-end;height:200px;gap:var(--spacing-md)}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar{width:100%;max-width:60px;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-sm) var(--radius-sm) 0 0;position:relative;min-height:20px;transition:height .5s ease}.chart-bar.defi-bar{background:linear-gradient(180deg,#22c55e4d,#22c55e14);border:1px solid rgba(34,197,94,.2);border-radius:3px 3px 0 0;box-shadow:0 0 15px #22c55e0d}.chart-bar.defi-bar:hover{background:linear-gradient(180deg,#22c55e66,#22c55e1f);border-color:#22c55e4d;box-shadow:0 0 20px #22c55e1a}.defi-chart-container{height:240px}.chart-value{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.chart-value.defi-chart-value{font-family:Share Tech Mono,monospace;font-size:.7rem;color:#b0b0b0}.chart-label{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:Share Tech Mono,monospace}.stats-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.detail-card{background:linear-gradient(135deg,#111128,#0a0a1a);border:1px solid #1a1a3a;border-radius:var(--radius-lg);padding:var(--spacing-xl)}.detail-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);color:#fff;font-family:Share Tech Mono,monospace}.detail-list{list-style:none}.detail-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-item:last-child{border-bottom:none}.detail-name{color:#b0b0b0;font-size:var(--font-size-sm)}.detail-count{font-weight:var(--font-weight-semibold);font-family:Share Tech Mono,monospace;color:#3b82f6;font-size:var(--font-size-sm)}.empty-text{color:var(--color-text-muted);font-style:italic}.agents-page{min-height:100vh;background:var(--color-bg-dark)}.agents-content{padding:var(--spacing-xl) 0 var(--spacing-3xl)}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-lg)}.agent-card-large{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all .3s ease}.agent-card-large:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.agent-card-large .agent-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.agent-card-large .agent-info{flex:1}.agent-card-large .agent-name{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs)}.runtime-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.status-active{background:#22c55e26;color:var(--color-success)}.status-paused{background:#ffbe0b26;color:var(--color-warning)}.status-stopped{background:#ff3d5726;color:var(--color-error)}.agent-stats{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md) 0;margin:var(--spacing-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stat-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.agent-space{margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.space-label{color:var(--color-text-muted)}.agent-space .space-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.agent-actions{display:flex;gap:var(--spacing-sm)}.create-listing-page{min-height:100vh;background:var(--color-bg-dark)}.form-content{padding:var(--spacing-xl) 0 var(--spacing-3xl)}.listing-form{max-width:800px;margin:0 auto}.form-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.form-section-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.form-group{margin-bottom:var(--spacing-lg)}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-md);background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;transition:all .2s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.form-error{background:#ff3d571a;border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);color:var(--color-error)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg)}.success-container{max-width:500px;margin:100px auto;text-align:center;padding:var(--spacing-3xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.success-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.success-container h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.success-container p{margin-bottom:var(--spacing-xl)}.loading-state,.loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{text-align:center;padding:var(--spacing-xl)}.error-state p{color:var(--color-error);margin-bottom:var(--spacing-md)}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.empty-icon{font-size:4rem;display:block;margin-bottom:var(--spacing-lg)}.empty-state h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.no-results{text-align:center;padding:var(--spacing-3xl)}.no-results p{margin-bottom:var(--spacing-lg);color:var(--color-text-muted)}.btn-full{width:100%}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}@media (max-width: 768px){.browse-header{flex-direction:column;align-items:flex-start}.browse-auth-prompt{width:100%}.agents-grid{grid-template-columns:1fr}.search-bar{flex-direction:column}.search-button{width:100%}.extra-filters{flex-direction:column;align-items:stretch}.filter-group{flex-direction:column;align-items:stretch;gap:.5rem}.filter-select{width:100%}}@media (prefers-contrast: high){:root{--color-border: #555555;--color-text-secondary: #dddddd}.agent-card{border-width:2px}.btn{border:2px solid transparent}.btn-outline{border-width:3px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:0;background:var(--color-primary);color:#fff;padding:.5rem 1rem;z-index:10000;transition:top .2s ease}.skip-link:focus{top:0}.docs-page{min-height:100vh;background:var(--color-bg-dark)}.docs-hero{padding:var(--spacing-3xl) 0 var(--spacing-xl);text-align:center;background:linear-gradient(180deg,rgba(59,130,246,.06) 0%,var(--color-bg-dark) 100%);border-bottom:1px solid var(--color-border)}.docs-title{font-family:var(--font-family-heading);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);color:#fff}.docs-subtitle{font-size:1.1rem;color:#a0a0b0;max-width:600px;margin:0 auto}.docs-content{padding:var(--spacing-2xl) 0}.docs-grid{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-2xl)}@media (max-width: 768px){.docs-grid{grid-template-columns:1fr}}.docs-sidebar{position:sticky;top:100px;height:fit-content}.docs-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.docs-nav-link{color:var(--color-text-secondary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .2s}.docs-nav-link:hover{color:var(--color-primary);background:#3b82f61a}.docs-main{max-width:800px}.docs-section{margin-bottom:var(--spacing-2xl);scroll-margin-top:120px}.docs-section h2{font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.docs-section p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-md)}.docs-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.docs-feature{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.docs-feature .feature-icon{font-size:2.5rem;display:block;margin-bottom:var(--spacing-md)}.docs-feature h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.docs-feature p{font-size:.875rem;margin:0}.docs-steps{list-style:none;padding:0;counter-reset:step}.docs-steps li{counter-increment:step;display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.docs-steps li:before{content:counter(step);display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:var(--color-primary);color:var(--color-bg-dark);border-radius:50%;font-weight:600;font-size:.875rem}.docs-steps li strong{color:var(--color-text-primary)}.pricing-table{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.pricing-row{display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.pricing-row:last-child{border-bottom:none}.pricing-row span:first-child{color:var(--color-text-primary);font-weight:500}.pricing-row span:last-child{color:var(--color-primary)}.pricing-row.pricing-note{background:#3b82f60d;border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.pricing-row.pricing-note span:last-child{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}.faq-item{margin-bottom:var(--spacing-xl)}.faq-item h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.faq-item p{margin:0}.footer{background:var(--color-bg-card);border-top:1px solid var(--color-border);padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.footer-brand .logo-text,.footer-brand .logo-accent{font-family:var(--font-family-heading);font-size:1.5rem}.footer-brand p{color:var(--color-text-muted);margin-top:var(--spacing-sm)}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-links a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.footer-bottom p{color:var(--color-text-muted);font-size:.875rem;margin:0}.game-embed-container{width:100%;max-width:900px;margin:0 auto;background:linear-gradient(135deg,#3b82f61a,#00d9ff1a);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 0 30px #3b82f633}.game-embed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-primary)}.game-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0;letter-spacing:1px;text-shadow:0 0 10px rgba(59,130,246,.3)}.game-close-btn{background:transparent;border:2px solid var(--color-error);color:var(--color-error);width:40px;height:40px;border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.game-close-btn:hover{background:var(--color-error);color:#fff;transform:scale(1.1)}.game-instructions{background:#00d9ff0d;border:1px solid var(--color-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.game-instructions p{margin:var(--spacing-xs) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.game-instructions strong{color:var(--color-secondary)}.game-canvas{width:100%;max-width:800px;display:block;margin:0 auto var(--spacing-lg);border:3px solid var(--color-primary);border-radius:var(--radius-md);background:#0a0b0f;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;box-shadow:0 0 20px #3b82f64d}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0b0ff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:var(--radius-md)}.game-embed-container{position:relative}.game-overlay-content{text-align:center;padding:var(--spacing-2xl);animation:scaleIn .3s ease-out}.game-overlay h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);margin-top:0;text-shadow:0 0 10px rgba(59,130,246,.3)}.game-score{font-size:var(--font-size-xl);color:var(--color-primary);font-weight:var(--font-weight-bold);margin:var(--spacing-md) 0}.game-overlay-text{color:var(--color-text-secondary);margin:var(--spacing-md) 0}.game-start .game-overlay-content{border:2px solid var(--color-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);background:#00d9ff0d}.game-start h3{color:var(--color-secondary)}.game-over .game-overlay-content{border:2px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--spacing-2xl);background:#ff3d570d}.game-over h3{color:var(--color-error)}.game-win .game-overlay-content{border:2px solid var(--color-success);border-radius:var(--radius-lg);padding:var(--spacing-2xl);background:#00e6760d;animation:bounce .6s ease-out}.game-win h3{color:var(--color-success);animation:bounce .6s ease-out infinite}.game-footer{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm)}.game-footer p{margin:0}@media (max-width: 768px){.game-embed-container{padding:var(--spacing-md)}.game-embed-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.game-title{font-size:var(--font-size-xl)}.game-instructions{font-size:var(--font-size-xs);padding:var(--spacing-md)}.game-instructions p{margin:var(--spacing-xs) 0;flex-direction:column;align-items:flex-start}.game-canvas{max-width:100%}.game-overlay-content{padding:var(--spacing-lg)}.game-overlay h3,.game-score{font-size:var(--font-size-lg)}}@media (max-width: 480px){.game-embed-container{padding:var(--spacing-sm);border-radius:var(--radius-md)}.game-title{font-size:var(--font-size-lg)}.game-canvas{border-width:2px;margin-bottom:var(--spacing-md)}.game-overlay-content{padding:var(--spacing-lg)}.game-overlay h3{font-size:var(--font-size-base)}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.game-wrapper{width:100%;height:100vh;display:flex;flex-direction:column;background:#0a0a1a}.phaser-container{flex:1;width:100%;background:#0a0a1a;overflow:hidden}.phaser-container canvas{display:block;width:100%!important;height:100%!important}.game-info{padding:.5rem 1.5rem;color:var(--color-text-muted, #888);font-size:.875rem;background:#0a0a1ae6;border-top:1px solid #1a1a3a}.game-info p{margin:0}.game-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--color-error)}.game-error h2{color:var(--color-error);margin-bottom:var(--spacing-md)}.game-error button{margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base)}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary)}a:visited{color:var(--color-primary-dark)}pre,code{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}code{padding:var(--spacing-xs) var(--spacing-sm)}pre{padding:var(--spacing-md);overflow-x:auto}pre code{background:none;border:none;padding:0}.text-gray-300,.text-gray-400{color:#c4c4cc!important}.text-gray-500{color:#a0a0b2!important}.text-gray-600{color:#8a8a9e!important}p,.text-gray-400,.text-gray-500,.text-muted-foreground{color:#b0b0c0!important}.bg-gray-800,.bg-gray-900{color:#fff}.border-gray-600,.border-gray-700{border-color:#3a3d4e!important}.border-gray-500{border-color:#4a4d5e!important}