body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f4f4f4;height:100vh;display:flex;flex-direction:column;color:#333;overflow:hidden}.auth-container{position:fixed;top:0;right:0;bottom:0;left:0;background:#050810d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center}.auth-content{width:min(92vw,460px);border-radius:14px;padding:22px 18px;background:#091022eb;border:1px solid rgba(125,211,252,.3);box-shadow:0 10px 30px #00000073;color:#eaf3ff}.auth-content h2{margin:0 0 12px;text-align:center;font-size:1.1rem;font-weight:600}.auth-error{margin-top:8px;padding:10px;border-radius:8px;border:1px solid rgba(248,113,113,.4);background:#7f1d1d47}.auth-error-details{margin:0;color:#ffd5d5;font-size:13px;line-height:1.5}.container{margin:0 auto;width:100%;height:100vh;padding:0;display:flex;flex-direction:column;flex:1}.welcome-badge{position:fixed;top:14px;right:14px;z-index:10010;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(125,211,252,.42);background:#050c1cc7;color:#eaf3ff;font-size:13px;font-weight:600;letter-spacing:.01em;box-shadow:0 6px 22px #00000059;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.landing-page{display:flex;flex:1;min-height:100vh;flex-direction:column;overflow:auto;position:relative;background:linear-gradient(180deg,#050810,#0a0e20 20%,#0d1235 50%,#0a0e22 85%,#060914)}.landing-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1.5px 1.5px at 8% 12%,rgba(255,255,255,.95),transparent),radial-gradient(1.5px 1.5px at 18% 8%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 25% 22%,rgba(255,255,255,.85),transparent),radial-gradient(2px 2px at 35% 5%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 42% 18%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 55% 10%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 62% 28%,rgba(255,255,255,.75),transparent),radial-gradient(2px 2px at 72% 14%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 85% 6%,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 92% 20%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 5% 35%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 15% 42%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 28% 38%,rgba(255,255,255,.65),transparent),radial-gradient(2px 2px at 38% 48%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 48% 55%,rgba(255,255,255,.75),transparent),radial-gradient(1.5px 1.5px at 58% 45%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 68% 52%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 78% 58%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 88% 48%,rgba(255,255,255,.65),transparent),radial-gradient(2px 2px at 95% 55%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 12% 62%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 22% 72%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 35% 68%,rgba(255,255,255,.55),transparent),radial-gradient(2px 2px at 45% 78%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 52% 88%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 65% 82%,rgba(255,255,255,.75),transparent),radial-gradient(1px 1px at 75% 92%,rgba(255,255,255,.65),transparent),radial-gradient(1.5px 1.5px at 88% 78%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 3% 85%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 98% 88%,rgba(255,255,255,.9),transparent);background-size:100% 100%;background-repeat:no-repeat;opacity:.95}.landing-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1.5px 1.5px at 10% 15%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 30% 25%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 50% 12%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 70% 35%,rgba(255,255,255,.65),transparent),radial-gradient(1.5px 1.5px at 90% 22%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 20% 60%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 60% 70%,rgba(255,255,255,.75),transparent),radial-gradient(1px 1px at 80% 85%,rgba(255,255,255,.7),transparent);background-size:100% 100%;background-repeat:no-repeat;animation:landing-stars-twinkle 4s ease-in-out infinite;opacity:.9}@keyframes landing-stars-twinkle{0%,to{opacity:.5}50%{opacity:1}}.landing-welcome,.landing-page-inner,.jump-to-agent-fab{position:relative;z-index:1}.landing-welcome{flex:0 0 auto;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden}.landing-welcome-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent}.landing-welcome-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 18%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 28% 8%,rgba(255,255,255,.75),transparent),radial-gradient(2px 2px at 45% 22%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 62% 12%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 78% 25%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 92% 15%,rgba(255,255,255,.75),transparent),radial-gradient(1px 1px at 8% 45%,rgba(255,255,255,.65),transparent),radial-gradient(1.5px 1.5px at 35% 55%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 58% 48%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 85% 52%,rgba(255,255,255,.85),transparent);background-size:100% 100%;background-repeat:no-repeat}.landing-welcome-content{position:relative;z-index:1;text-align:center;padding:2rem 1.5rem;animation:landing-welcome-fade-in .9s ease-out forwards;transform:translateY(12px);opacity:0}.landing-welcome-label{font-size:.8rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:#00c8ffd9;margin:0 0 .5rem;text-shadow:0 0 20px rgba(0,200,255,.25)}.landing-welcome-title{font-size:2.6rem;font-weight:700;letter-spacing:.02em;margin:0 0 .35rem;background:linear-gradient(90deg,#00d4ff,#7dd3fc 35%,#fff 60%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(0,212,255,.25))}.landing-welcome-tagline{font-size:1rem;color:#ffffff73;letter-spacing:.08em;margin:0}@keyframes landing-welcome-fade-in{0%{opacity:0;transform:translateY(18px)}60%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes landing-section-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.landing-page-inner{display:flex;flex-direction:column;flex:1;padding:2rem;max-width:900px;margin:0 auto;width:100%;color:#ffffffd9}.landing-about{flex:0 0 auto;margin-bottom:10rem;opacity:0;transform:translateY(12px);animation:landing-section-fade-in .8s ease-out .15s forwards;text-align:center}.landing-about-lead{font-size:1.6rem;line-height:1.5;color:#fffffff2;margin:0 0 .75rem;max-width:46em;font-weight:700}.landing-about-cta{font-size:1rem;line-height:1.6;color:#ffffffbf;margin:0}.landing-about-cta code{font-family:monospace;background:#ffffff1f;color:#fffffff2;padding:2px 6px;border-radius:4px}.landing-url-feed{flex:0 0 auto;margin-top:1.5rem;display:flex;flex-direction:column;align-items:stretch;gap:.75rem;opacity:0;transform:translateY(12px);animation:landing-section-fade-in .8s ease-out .3s forwards}.landing-url-feed-hint{margin:0 0 .5rem;font-size:.9rem;color:#ffffffa6}.landing-url-feed-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.landing-url-input{flex:1;min-width:200px;padding:10px 14px;font-size:1rem;color:#ffffffe6;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s}.landing-url-input::placeholder{color:#fff6}.landing-url-input:focus{border-color:#00c8ff80;box-shadow:0 0 0 2px #00c8ff26}.landing-url-submit-btn{flex:0 0 auto;padding:10px 18px;font-size:.95rem;font-weight:600;color:#fffffff2;background:#0a142de6;border:1px solid rgba(0,200,255,.4);border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;animation:landing-button-pulse 2.6s ease-in-out infinite}.landing-url-submit-btn:hover{border-color:#00c8ffa6;background:#0f1e37f2;box-shadow:0 0 16px #00c8ff1f}.landing-url-submit-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes landing-button-pulse{0%,to{box-shadow:0 0 #00c8ff00}50%{box-shadow:0 0 18px #00c8ff40}}.landing-url-progress{width:100%;display:flex;flex-direction:column;gap:.45rem;margin-bottom:.25rem}.landing-url-progress--hidden{display:none}.landing-url-progress-track{position:relative;width:100%;height:6px;border-radius:999px;background:#ffffff1f;overflow:hidden}.landing-url-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;border-radius:inherit;background:linear-gradient(90deg,#00d4ff,#7dd3fc 40%,#a78bfa);box-shadow:0 0 14px #00d4ff73;transition:width .4s ease-out}.landing-url-progress-fill.is-error{background:linear-gradient(90deg,#6b7280,#9ca3af 40%,#d1d5db);box-shadow:none}.landing-url-progress-label{font-size:.8rem;color:#ffffffb3}.landing-url-feed-status{width:100%;max-height:200px;overflow-y:auto;padding:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:14px;line-height:1.5;color:#fffc}.landing-url-feed-status p{margin:0 0 6px}.landing-url-feed-status--hidden{display:none!important}.landing-url-feed-message{color:#ffffffd9}.landing-url-feed-error{color:#ff8a80;font-weight:500}.jump-to-agent-fab{display:inline-block;position:absolute;bottom:1.5rem;right:1.5rem;z-index:10;padding:12px 22px;font-size:.95rem;font-weight:600;color:#fffffff2;text-decoration:none;cursor:pointer;background:#0a142dd9;border:1px solid rgba(0,200,255,.4);border-radius:8px;box-shadow:0 2px 12px #0000004d,0 0 20px #00c8ff14;transition:border-color .2s,box-shadow .2s,background .2s}.jump-to-agent-fab.is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none;border-color:#ffffff40;box-shadow:none}.jump-to-agent-fab:hover{border-color:#00c8ffb3;box-shadow:0 4px 16px #00000059,0 0 28px #00c8ff26;background:#0f1e37e6}.toast-container{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:10px;z-index:10020;pointer-events:none}.toast{min-width:220px;max-width:360px;padding:10px 12px;border-radius:8px;color:#fff;font-size:13px;box-shadow:0 6px 20px #00000059;border:1px solid rgba(255,255,255,.2);transform:translateY(0);opacity:1;transition:transform .24s ease,opacity .24s ease}.toast-info{background:#2563ebf2}.toast-success{background:#16a34af2}.toast-error{background:#dc2626f2}.toast-hide{transform:translateY(-6px);opacity:0}@media(max-width:768px){.landing-page-inner{padding:1.25rem}.landing-about{margin-bottom:7.5rem}.landing-about-lead{font-size:1.2rem}.jump-to-agent-fab{left:1.25rem;right:1.25rem;text-align:center}}