*{box-sizing:border-box;margin:0;padding:0}body{color:#f8fafc;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.container{max-width:1200px;margin:0 auto;padding:2rem}.hero{text-align:center;padding:4rem 0}.hero h1{margin-bottom:1rem;font-size:3.5rem;font-weight:700}.hero h1 span{color:#22d3ee}.hero p{color:#94a3b8;margin-bottom:2rem;font-size:1.25rem}.buttons{justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.btn{border-radius:.5rem;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-primary{color:#0f172a;background:#22d3ee}.btn-primary:hover{background:#06b6d4}.btn-secondary{color:#f8fafc;background:#334155}.btn-secondary:hover{background:#475569}.features{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.feature-card{background:#33415580;border:1px solid #334155;border-radius:.75rem;padding:1.5rem}.feature-card h3{color:#22d3ee;margin-bottom:.5rem;font-size:1.25rem}.feature-card p{color:#94a3b8}.auth-container{background:#33415580;border:1px solid #334155;border-radius:.75rem;max-width:400px;margin:4rem auto;padding:2rem}.auth-container h1{margin-bottom:.5rem;font-size:1.75rem}.auth-container>p{color:#94a3b8;margin-bottom:1.5rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{font-size:.875rem;font-weight:500}.form-group input{color:#f8fafc;background:#1e293b;border:1px solid #475569;border-radius:.5rem;padding:.75rem;font-size:1rem}.form-group input:focus{border-color:#22d3ee;outline:none}.btn-full{width:100%}.auth-footer{text-align:center;color:#94a3b8;margin-top:1.5rem}.auth-footer a{color:#22d3ee;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.agents-page{max-width:900px;margin:2rem auto}.agents-page h1{text-align:center;margin-bottom:.5rem;font-size:2rem}.subtitle{text-align:center;color:#94a3b8;margin-bottom:2rem}.agents-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.agent-card{cursor:pointer;background:#33415580;border:2px solid #334155;border-radius:.75rem;padding:1.5rem;transition:all .2s;position:relative}.agent-card:hover{border-color:#475569}.agent-card.selected{background:#22d3ee1a;border-color:#22d3ee}.agent-icon{margin-bottom:.5rem;font-size:2.5rem}.agent-card h3{color:#22d3ee;margin-bottom:.5rem}.agent-card p{color:#94a3b8;margin-bottom:1rem;font-size:.875rem}.price{color:#f8fafc;font-weight:600}.checkbox{border:2px solid #475569;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex;position:absolute;top:1rem;right:1rem}.agent-card.selected .checkbox{color:#0f172a;background:#22d3ee;border-color:#22d3ee}.channels-page{max-width:700px;margin:2rem auto}.channels-page h1{text-align:center;margin-bottom:.5rem;font-size:2rem}.channels-list{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.channel-card{background:#33415580;border:1px solid #334155;border-radius:.75rem;align-items:center;gap:1rem;padding:1.5rem;display:flex}.channel-icon{font-size:2rem}.channel-info{flex:1}.channel-info h3{color:#f8fafc;margin-bottom:.25rem}.channel-info p{color:#94a3b8;font-size:.875rem}.connected-badge{color:#22c55e;font-weight:600}.auth-note{text-align:center;background:#fbbf241a;border:1px solid #fbbf24;border-radius:.5rem;margin-top:1rem;padding:.75rem}.auth-note p{color:#fbbf24;margin:0;font-size:.75rem}