:root{--cl-black: #000000;--cl-white: #ffffff;--cl-violet: #703CA4;--cl-pink: #D68A8D;--cl-blue: #4B99C8;--cl-green: #5C8272;--cl-beige-light: #F7EACB;--cl-grey: #C0C0C0;--cl-navy: #1B406C;--cl-beige: #E8D6CD;--cl-orange: #C4482A;--cl-dark-blue: #5B6F8F;--cl-yellow: #FFBC49;--cl-black-soft: #0a0a0a;--cl-black-medium: #141414;--cl-black-light: #1a1a1a;--cl-grey-dark: #2a2a2a;--cl-grey-medium: #404040;--cl-white-muted: rgba(255, 255, 255, .7);--cl-white-dim: rgba(255, 255, 255, .4);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 28px;--font-size-3xl: 36px;--glow-violet: 0 0 20px rgba(112, 60, 164, .3);--glow-violet-strong: 0 0 40px rgba(112, 60, 164, .5);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}@media (min-width: 768px){:root{--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--font-size-base: 15px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 48px}}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{min-height:100%;min-height:100dvh;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:400;background:var(--cl-black);color:var(--cl-white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100%;min-height:100dvh}.app-container{position:relative;min-height:100dvh;background:var(--cl-black)}@media (min-width: 768px){.app-container{display:grid;grid-template-columns:1fr 380px;height:100dvh}}@media (min-width: 1024px){.app-container{grid-template-columns:1fr 480px}}@media (min-width: 1280px){.app-container{max-width:1600px;margin:0 auto}}.site-content{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:var(--space-xl);padding-top:calc(var(--space-xl) + var(--safe-top));padding-bottom:calc(var(--space-xl) + var(--safe-bottom));overflow:hidden;background:radial-gradient(ellipse 100% 60% at 30% 90%,rgba(112,60,164,.12) 0%,transparent 50%),radial-gradient(ellipse 80% 50% at 80% 10%,rgba(75,153,200,.08) 0%,transparent 50%),var(--cl-black)}@media (min-width: 768px){.site-content{min-height:auto;height:100%;padding:var(--space-2xl)}}@media (min-width: 1024px){.site-content{padding:var(--space-3xl)}}.site-content:before{content:"";position:absolute;top:-10%;right:-20%;width:250px;height:250px;background:radial-gradient(circle,rgba(214,138,141,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}@media (min-width: 768px){.site-content:before{top:-20%;right:-10%;width:400px;height:400px}}.site-content:after{content:"";position:absolute;bottom:-20%;left:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(112,60,164,.12) 0%,transparent 60%);border-radius:50%;pointer-events:none}@media (min-width: 768px){.site-content:after{bottom:-30%;left:-15%;width:500px;height:500px}}.site-header{position:relative;z-index:1}.logo{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}@media (min-width: 768px){.logo{margin-bottom:var(--space-xl)}}.logo-symbol{width:40px;height:40px;position:relative;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.logo-symbol{width:48px;height:48px}}.logo-symbol:before{content:"C";font-size:24px;font-weight:500;color:var(--cl-white)}@media (min-width: 768px){.logo-symbol:before{font-size:28px}}.logo-symbol:after{content:"";position:absolute;top:50%;left:50%;width:36px;height:16px;border:1px solid var(--cl-violet);border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg)}@media (min-width: 768px){.logo-symbol:after{width:44px;height:20px}}.logo-text{font-size:var(--font-size-lg);font-weight:400;text-transform:uppercase;letter-spacing:.1em}@media (min-width: 768px){.logo-text{font-size:var(--font-size-xl)}}.tagline{font-size:var(--font-size-base);color:var(--cl-white-muted);margin-bottom:var(--space-2xl)}@media (min-width: 768px){.tagline{font-size:var(--font-size-lg);margin-bottom:var(--space-3xl)}}.hero-title{font-size:clamp(28px,8vw,72px);font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:1.1;margin-bottom:var(--space-lg)}@media (min-width: 768px){.hero-title{letter-spacing:.05em;margin-bottom:var(--space-xl)}}.hero-title .accent{color:var(--cl-violet)}.hero-description{max-width:100%;font-size:var(--font-size-base);color:var(--cl-white-muted);line-height:1.7;margin-bottom:var(--space-2xl)}@media (min-width: 768px){.hero-description{max-width:480px;line-height:1.8;margin-bottom:0}}.site-footer{position:relative;z-index:1}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-lg)}@media (min-width: 768px){.features{display:flex;gap:var(--space-2xl);margin-bottom:var(--space-xl)}}.feature{display:flex;flex-direction:column;gap:var(--space-xs)}.feature-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--cl-white-dim)}.feature-value{font-size:var(--font-size-base);color:var(--cl-white)}@media (min-width: 768px){.feature-value{font-size:var(--font-size-lg)}}.location{font-size:var(--font-size-sm);color:var(--cl-white-dim);margin-bottom:var(--space-xl)}@media (min-width: 768px){.location{margin-bottom:0}}.cta-button{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-lg) var(--space-xl);background:var(--cl-violet);border:none;border-radius:16px;color:var(--cl-white);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:500;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background .2s,transform .1s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.cta-button:hover{background:#8548bb;box-shadow:var(--glow-violet)}.cta-button:active{transform:scale(.98)}.cta-button svg{width:20px;height:20px}@media (min-width: 768px){.cta-button{display:none}}.orbit-decoration{display:none}@media (min-width: 1024px){.orbit-decoration{display:block;position:absolute;bottom:20%;right:10%;width:300px;height:150px;border:1px solid rgba(112,60,164,.2);border-radius:50%;transform:rotate(-15deg);pointer-events:none}}.chat-panel{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--cl-black-soft);z-index:100;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.chat-panel.chat-panel--open{transform:translateY(0)}@media (min-width: 768px){.chat-panel{position:relative;inset:auto;transform:none;border-left:1px solid var(--cl-grey-dark);height:100%;padding-top:0;padding-bottom:0}.chat-panel.chat-panel--open{transform:none}}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--cl-grey-dark);background:var(--cl-black-medium);flex-shrink:0}@media (min-width: 768px){.chat-header{padding:var(--space-lg) var(--space-xl)}}.chat-header-title{display:none;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--cl-white-muted);align-items:center;gap:var(--space-sm)}.chat-header-title:before{content:"";width:8px;height:8px;background:var(--cl-green);border-radius:50%;animation:pulse 2s ease-in-out infinite}@media (min-width: 768px){.chat-header-title{display:flex}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-header-logo{display:flex;align-items:center;gap:var(--space-sm)}.chat-header-logo-symbol{width:28px;height:28px;position:relative;display:flex;align-items:center;justify-content:center}.chat-header-logo-symbol:before{content:"C";font-size:16px;font-weight:500;color:var(--cl-white)}.chat-header-logo-symbol:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:11px;border:1px solid var(--cl-violet);border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg)}.chat-header-logo-text{font-size:var(--font-size-sm);font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:var(--cl-white)}@media (min-width: 768px){.chat-header-logo{display:none}}.chat-close-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:12px;color:var(--cl-white-muted);cursor:pointer;transition:background .2s,color .2s;-webkit-tap-highlight-color:transparent}.chat-close-button:hover{background:var(--cl-grey-dark);color:var(--cl-white)}.chat-close-button:active{background:var(--cl-grey-medium)}.chat-close-button svg{width:24px;height:24px}@media (min-width: 768px){.chat-close-button{display:none}}.message-list{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media (min-width: 768px){.message-list{padding:var(--space-xl);gap:var(--space-lg)}}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-track{background:transparent}.message-list::-webkit-scrollbar-thumb{background:var(--cl-grey-dark);border-radius:3px}.message-list::-webkit-scrollbar-thumb:hover{background:var(--cl-grey-medium)}.message{max-width:85%;animation:messageIn .3s ease-out}@media (min-width: 768px){.message{max-width:90%}}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message--user{align-self:flex-end}.message--assistant{align-self:flex-start}.message-sender{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--cl-white-dim);margin-bottom:var(--space-xs)}.message--user .message-sender{text-align:right}.message-content{padding:var(--space-md) var(--space-lg);border-radius:16px;line-height:1.6;word-break:break-word}.message--user .message-content{background:var(--cl-violet);color:var(--cl-white);border-bottom-right-radius:4px}.message--assistant .message-content{background:var(--cl-black-light);border:1px solid var(--cl-grey-dark);color:var(--cl-white);border-bottom-left-radius:4px}.message-content h1,.message-content h2,.message-content h3{font-weight:500;margin:var(--space-md) 0 var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.message-content h1:first-child,.message-content h2:first-child,.message-content h3:first-child{margin-top:0}.message-content p{margin:var(--space-sm) 0}.message-content p:first-child{margin-top:0}.message-content p:last-child{margin-bottom:0}.message-content code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9em;background:#ffffff1a;padding:2px 6px;border-radius:4px}.message-content pre{background:var(--cl-black);padding:var(--space-md);border-radius:8px;overflow-x:auto;margin:var(--space-md) 0;-webkit-overflow-scrolling:touch}.message-content pre code{background:none;padding:0}.message-content ul,.message-content ol{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.message-content li{margin:var(--space-xs) 0}.message-content strong{font-weight:600;color:var(--cl-white)}.message-content a{color:var(--cl-violet);text-decoration:none}.message-content a:hover{text-decoration:underline}.tool-activity{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#703ca426;border:1px solid rgba(112,60,164,.3);border-radius:20px;font-size:var(--font-size-sm);color:var(--cl-violet);animation:fadeIn .2s ease-out;width:fit-content}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tool-activity-spinner{width:14px;height:14px;border:2px solid rgba(112,60,164,.3);border-top-color:var(--cl-violet);border-radius:50%;animation:spin .8s linear infinite}.chat-input-container{padding:var(--space-md) var(--space-lg);padding-bottom:calc(var(--space-md) + var(--safe-bottom));border-top:1px solid var(--cl-grey-dark);background:var(--cl-black-medium);flex-shrink:0}@media (min-width: 768px){.chat-input-container{padding:var(--space-lg) var(--space-xl);padding-bottom:var(--space-lg)}}.chat-input-wrapper{display:flex;gap:var(--space-sm);align-items:flex-end}.chat-input{flex:1;background:var(--cl-black-light);border:1px solid var(--cl-grey-dark);border-radius:12px;padding:var(--space-md) var(--space-lg);color:var(--cl-white);font-family:var(--font-family);font-size:16px;resize:none;min-height:48px;max-height:120px;line-height:1.5;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}@media (min-width: 768px){.chat-input{font-size:var(--font-size-base);max-height:150px}}.chat-input:focus{outline:none;border-color:var(--cl-violet);box-shadow:var(--glow-violet)}.chat-input::placeholder{color:var(--cl-white-dim)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn,.chat-stop-btn{width:48px;height:48px;border:none;border-radius:12px;color:var(--cl-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s,box-shadow .2s;flex-shrink:0;-webkit-tap-highlight-color:transparent}.chat-send-btn{background:var(--cl-violet)}.chat-send-btn:hover:not(:disabled){background:#8548bb;box-shadow:var(--glow-violet)}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn svg{width:20px;height:20px}.chat-stop-btn{background:var(--cl-orange)}.chat-stop-btn:hover{background:#d65a3a}.chat-stop-btn:active{transform:scale(.95)}.chat-stop-btn svg{width:16px;height:16px}.chat-attach-btn{width:48px;height:48px;border:none;border-radius:12px;background:var(--cl-black-light);border:1px solid var(--cl-grey-dark);color:var(--cl-white-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,color .2s;flex-shrink:0;-webkit-tap-highlight-color:transparent}.chat-attach-btn:hover:not(:disabled){border-color:var(--cl-violet);color:var(--cl-violet);background:#703ca41a}.chat-attach-btn:active:not(:disabled){transform:scale(.95)}.chat-attach-btn:disabled{opacity:.5;cursor:not-allowed}.chat-attach-btn svg{width:20px;height:20px}.attachment-preview{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);background:var(--cl-black-light);border:1px solid var(--cl-grey-dark);border-radius:10px}.attachment-thumbnail{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0;background:var(--cl-grey-dark)}.attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.attachment-filename{font-size:var(--font-size-sm);color:var(--cl-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-progress{width:100%;height:4px;background:var(--cl-grey-dark);border-radius:2px;overflow:hidden}.attachment-progress-bar{height:100%;background:var(--cl-violet);transition:width .2s ease;border-radius:2px}.attachment-error{font-size:var(--font-size-xs);color:var(--cl-orange)}.attachment-success{font-size:var(--font-size-xs);color:var(--cl-green);text-transform:uppercase;letter-spacing:.05em}.attachment-remove{width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--cl-white-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;flex-shrink:0;-webkit-tap-highlight-color:transparent}.attachment-remove:hover:not(:disabled){background:#c4482a33;color:var(--cl-orange)}.attachment-remove:disabled{opacity:.5;cursor:not-allowed}.attachment-remove svg{width:16px;height:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.welcome-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center}.welcome-icon{width:56px;height:56px;margin-bottom:var(--space-lg);opacity:.3}@media (min-width: 768px){.welcome-icon{width:64px;height:64px}}.welcome-title{font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm);color:var(--cl-white-muted)}@media (min-width: 768px){.welcome-title{font-size:var(--font-size-lg)}}.welcome-subtitle{font-size:var(--font-size-sm);color:var(--cl-white-dim);max-width:260px;line-height:1.6}@media (min-width: 768px){.welcome-subtitle{max-width:280px}}.error-message{padding:var(--space-md) var(--space-lg);background:#c4482a26;border:1px solid rgba(196,72,42,.3);border-radius:12px;color:var(--cl-orange);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-sm)}.error-message svg{width:16px;height:16px;flex-shrink:0}.streaming-cursor{display:inline-block;width:2px;height:1em;background:var(--cl-violet);margin-left:2px;animation:blink .8s ease-in-out infinite;vertical-align:text-bottom}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.chat-backdrop{display:none}.reconnecting-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin:var(--space-md) var(--space-lg);background:#ffbc4926;border:1px solid rgba(255,188,73,.3);border-radius:8px;font-size:var(--font-size-sm);color:var(--cl-yellow);flex-shrink:0}@media (min-width: 768px){.reconnecting-indicator{margin:var(--space-md) var(--space-xl)}}.reconnecting-indicator .tool-activity-spinner{border-color:#ffbc494d;border-top-color:var(--cl-yellow)}.ui-cards{width:100%;animation:messageIn .3s ease-out}.ui-cards__grid{display:grid;gap:var(--space-sm)}.ui-cards__grid--rooms,.ui-cards__grid--slots{grid-template-columns:1fr}@media (min-width: 480px){.ui-cards__grid--rooms,.ui-cards__grid--slots{grid-template-columns:repeat(2,1fr)}}.ui-cards__grid--price,.ui-cards__grid--summary{grid-template-columns:1fr}.ui-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--cl-black-light);border:1px solid var(--cl-grey-dark);border-radius:12px;text-align:left;font-family:var(--font-family);transition:border-color .2s,box-shadow .2s,transform .15s}button.ui-card{cursor:pointer;-webkit-tap-highlight-color:transparent}button.ui-card:hover{border-color:var(--cl-violet);box-shadow:var(--glow-violet)}button.ui-card:active{transform:scale(.98)}.ui-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.ui-card__title{font-size:var(--font-size-base);font-weight:500;color:var(--cl-white);text-transform:uppercase;letter-spacing:.05em}.ui-card__room{font-size:var(--font-size-sm);font-weight:500;color:var(--cl-white);text-transform:uppercase;letter-spacing:.05em}.ui-card__price{font-size:var(--font-size-base);font-weight:600;color:var(--cl-violet);white-space:nowrap}.ui-card__features{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.ui-card__feature{font-size:var(--font-size-xs);color:var(--cl-white-muted);background:var(--cl-grey-dark);padding:2px 8px;border-radius:4px}.ui-card__time{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.ui-card__date{font-size:var(--font-size-sm);color:var(--cl-white);font-weight:500}.ui-card__hours{font-size:var(--font-size-sm);color:var(--cl-white-muted)}.ui-card__duration{font-size:var(--font-size-xs);color:var(--cl-white-dim);background:var(--cl-grey-dark);padding:2px 6px;border-radius:4px}.ui-card__hold-indicator{font-size:var(--font-size-xs);color:var(--cl-yellow);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-xs) var(--space-sm);background:#ffbc4926;border:1px solid rgba(255,188,73,.3);border-radius:6px;width:fit-content}.ui-card--price{background:linear-gradient(135deg,var(--cl-black-light) 0%,rgba(112,60,164,.1) 100%);border-color:#703ca44d}.ui-card__breakdown{font-size:var(--font-size-sm);color:var(--cl-white-muted);line-height:1.5}.ui-card__total{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-sm);border-top:1px solid var(--cl-grey-dark);margin-top:var(--space-xs)}.ui-card__total-label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--cl-white-muted)}.ui-card__total-amount{font-size:var(--font-size-lg);font-weight:600;color:var(--cl-violet)}.ui-card--summary{border-left:3px solid var(--cl-grey)}.ui-card--summary.ui-card--hold{border-left-color:var(--cl-yellow);background:linear-gradient(135deg,var(--cl-black-light) 0%,rgba(255,188,73,.05) 100%)}.ui-card--summary.ui-card--confirmed{border-left-color:var(--cl-green);background:linear-gradient(135deg,var(--cl-black-light) 0%,rgba(92,130,114,.1) 100%)}.ui-card--summary.ui-card--cancelled{border-left-color:var(--cl-orange);background:linear-gradient(135deg,var(--cl-black-light) 0%,rgba(196,72,42,.05) 100%);opacity:.7}.ui-card__status{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;border-radius:4px;font-weight:500}.ui-card--hold .ui-card__status{color:var(--cl-yellow);background:#ffbc4926}.ui-card--confirmed .ui-card__status{color:var(--cl-green);background:#5c827233}.ui-card--cancelled .ui-card__status{color:var(--cl-orange);background:#c4482a26}.ui-card__details{display:flex;flex-direction:column;gap:var(--space-xs)}.ui-card__row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.ui-card__row>span:first-child{color:var(--cl-white-dim)}.ui-card__row>span:last-child{color:var(--cl-white)}.ui-card__row--code{margin-top:var(--space-xs);padding-top:var(--space-sm);border-top:1px solid var(--cl-grey-dark)}.ui-card__code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:var(--font-size-base);font-weight:600;color:var(--cl-green);background:#5c827226;padding:var(--space-xs) var(--space-sm);border-radius:6px;letter-spacing:.1em}.ui-card--payment{background:linear-gradient(135deg,var(--cl-black-light) 0%,rgba(112,60,164,.15) 100%);border-color:var(--cl-violet);border-width:2px}.ui-cards__grid--payment{grid-template-columns:1fr}.ui-card__amount{font-size:var(--font-size-xl);font-weight:700;color:var(--cl-white)}.ui-card__row--amount{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--cl-grey-dark)}.ui-card__row--expires>span:last-child{color:var(--cl-yellow)}.ui-card__buttons{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}@media (min-width: 400px){.ui-card__buttons{flex-direction:row}}.ui-card__pay-button{flex:1;padding:var(--space-md) var(--space-lg);background:var(--cl-violet);border:none;border-radius:10px;color:var(--cl-white);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background .2s,transform .1s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.ui-card__pay-button:hover{background:#8548bb;box-shadow:var(--glow-violet-strong)}.ui-card__pay-button:active{transform:scale(.98)}.ui-card__pay-button--check{background:var(--cl-navy)}.ui-card__pay-button--check:hover{background:#254f85;box-shadow:0 0 20px #1b406c66}.ui-card__pay-button--simulate{background:linear-gradient(135deg,var(--cl-orange) 0%,#d65c3f 100%)}.ui-card__pay-button--simulate:hover{background:linear-gradient(135deg,#d65c3f 0%,var(--cl-orange) 100%);box-shadow:0 0 20px #c4482a66}.ui-card__pay-button:disabled{opacity:.6;cursor:not-allowed}.ui-card__badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px}.ui-card__badge--dev{background:var(--cl-orange);color:var(--cl-white)}.ui-card__badge--paid{background:var(--cl-green);color:var(--cl-white)}.ui-card__badge--pending{background:var(--cl-yellow);color:var(--cl-black)}.ui-card__badge--failed,.ui-card__badge--expired,.ui-card__badge--cancelled{background:var(--cl-orange);color:var(--cl-white)}.ui-card__hint{font-size:var(--font-size-xs);color:var(--cl-white-muted);font-style:italic}.ui-card__success-message{padding:var(--space-md);margin-top:var(--space-md);background:#5c827233;border:1px solid var(--cl-green);border-radius:8px;color:var(--cl-green);font-size:var(--font-size-sm);text-align:center}.ui-card__error-message{padding:var(--space-md);margin-top:var(--space-md);background:#c4482a33;border:1px solid var(--cl-orange);border-radius:8px;color:var(--cl-orange);font-size:var(--font-size-sm);text-align:center}.ui-cards__grid--action{grid-template-columns:1fr}.ui-card--action{background:linear-gradient(135deg,var(--cl-black-light) 0%,rgba(112,60,164,.08) 100%);border-color:#703ca440;gap:var(--space-md)}.ui-card__action-title{font-size:var(--font-size-base);font-weight:500;color:var(--cl-white);margin-bottom:var(--space-xs)}.ui-card__action-message{font-size:var(--font-size-sm);color:var(--cl-white-muted);line-height:1.5}.ui-card__action-form{display:flex;gap:var(--space-sm);flex-wrap:wrap}@media (min-width: 480px){.ui-card__action-form{flex-wrap:nowrap}}.ui-card__action-input{flex:1;min-width:0;padding:var(--space-md);background:var(--cl-black);border:1px solid var(--cl-grey-dark);border-radius:10px;color:var(--cl-white);font-family:var(--font-family);font-size:16px;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}.ui-card__action-input:focus{outline:none;border-color:var(--cl-violet);box-shadow:var(--glow-violet)}.ui-card__action-input::placeholder{color:var(--cl-white-dim)}.ui-card__action-button{padding:var(--space-md) var(--space-lg);background:var(--cl-violet);border:none;border-radius:10px;color:var(--cl-white);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background .2s,transform .1s,box-shadow .2s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.ui-card__action-button:hover{background:#8548bb;box-shadow:var(--glow-violet)}.ui-card__action-button:active{transform:scale(.98)}.ui-card__action-button--upload{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);background:transparent;border:2px dashed rgba(112,60,164,.4);color:var(--cl-violet);font-size:var(--font-size-base)}.ui-card__action-button--upload:hover{background:#703ca41a;border-color:var(--cl-violet);box-shadow:none}.ui-card__action-button--upload svg{width:24px;height:24px}.ui-card__upload-preview{position:relative;width:100%;border-radius:10px;overflow:hidden;background:var(--cl-black)}.ui-card__upload-preview img{width:100%;height:auto;max-height:200px;object-fit:cover;display:block}.ui-card__upload-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#00000080}.ui-card__upload-progress-bar{height:100%;background:var(--cl-violet);transition:width .2s ease}.ui-card__action-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}@media (min-width: 480px){.ui-card__action-buttons{flex-wrap:nowrap}}.ui-card__action-button--confirm{flex:1;background:var(--cl-green)}.ui-card__action-button--confirm:hover{background:#6a9a80;box-shadow:0 0 20px #5c82724d}.ui-card__action-button--cancel{flex:1;background:transparent;border:1px solid var(--cl-grey-dark);color:var(--cl-white-muted)}.ui-card__action-button--cancel:hover{background:var(--cl-grey-dark);color:var(--cl-white);box-shadow:none}.ui-card__action-error{font-size:var(--font-size-sm);color:var(--cl-orange);padding:var(--space-sm);background:#c4482a1a;border-radius:6px}.ui-card__action-hint{font-size:var(--font-size-xs);color:var(--cl-white-dim);font-style:italic}.auth-container{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 120%,rgba(112,60,164,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 20% 10%,rgba(75,153,200,.08) 0%,transparent 50%),var(--cl-black)}.auth-card{width:100%;max-width:380px;padding:var(--space-2xl);background:var(--cl-black-light);border:1px solid var(--cl-grey-dark);border-radius:20px;position:relative;z-index:1;animation:authCardIn .5s ease-out}@keyframes authCardIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-logo{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.auth-logo-icon{width:72px;height:72px}@media (min-width: 768px){.auth-logo-icon{width:80px;height:80px}}.auth-content{text-align:center}.auth-title{font-size:var(--font-size-lg);font-weight:400;text-transform:uppercase;letter-spacing:.2em;color:var(--cl-white);margin-bottom:var(--space-md)}@media (min-width: 768px){.auth-title{font-size:var(--font-size-xl)}}.auth-message{font-size:var(--font-size-base);color:var(--cl-white-muted);line-height:1.6;margin-bottom:var(--space-lg)}.auth-email{color:var(--cl-violet);font-weight:500}.auth-submessage{font-size:var(--font-size-sm);color:var(--cl-white-dim);margin-top:var(--space-md)}.auth-spinner{display:flex;justify-content:center;margin-top:var(--space-lg)}.spinner-ring{width:40px;height:40px;border:3px solid var(--cl-grey-dark);border-top-color:var(--cl-violet);border-radius:50%;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-check{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.check-icon{width:56px;height:56px;color:var(--cl-green);animation:checkPop .4s ease-out}@keyframes checkPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.auth-success .auth-title{color:var(--cl-green)}.auth-x{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.x-icon{width:56px;height:56px;color:var(--cl-orange);animation:xShake .4s ease-out}@keyframes xShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.auth-error .auth-title{color:var(--cl-orange)}.auth-actions{margin-top:var(--space-xl)}.auth-button{display:inline-block;padding:var(--space-md) var(--space-xl);background:var(--cl-violet);border:none;border-radius:10px;color:var(--cl-white);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;cursor:pointer;transition:background .2s,transform .1s,box-shadow .2s}.auth-button:hover{background:#8548bb;box-shadow:var(--glow-violet)}.auth-button:active{transform:scale(.98)}.auth-bg-planet{position:absolute;border-radius:50%;opacity:.06;pointer-events:none}.auth-bg-planet-1{width:300px;height:300px;background:var(--cl-violet);top:-100px;right:-100px;filter:blur(60px)}.auth-bg-planet-2{width:200px;height:200px;background:var(--cl-blue);bottom:-50px;left:-50px;filter:blur(40px)}