:root{--bg:#f6f7f9;--card:#ffffff;--muted:#6b7280;--accent:#0f172a;--primary:#ca0131;--primary-dark:#a0012a}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:var(--accent);margin:0;padding:24px}.container{max-width:520px;margin:32px auto}.header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px}.logo{height:64px}.logo-block{display:flex;justify-content:center;width:100%}.title-wrap{text-align:center}.title-wrap h1{margin:0;font-size:20px}.subtitle{color:var(--muted);margin-top:4px}.logo{max-width:220px;height:auto}.logo-block{padding-bottom:8px}.card{background:var(--card);padding:24px;border-radius:12px;box-shadow:0 6px 18px #1018280f}.form{display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;font-size:14px;color:var(--muted)}label .select-wrapper{margin-top:8px}input{padding:10px;border:1px solid #e6e9ef;border-radius:8px;margin-top:6px}.actions{display:flex;gap:8px;margin-top:6px}.btn{background:var(--primary);color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer;box-shadow:0 6px 18px #ca01311f}.channel-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px;border-radius:8px;border:2px solid #ca0131;background:linear-gradient(180deg,#fff,#fff);color:#2b2b2b;font-weight:600}.channel-select:focus{box-shadow:0 0 0 3px #ca01311f;outline:none}.select-wrapper{position:relative;display:block;width:100%}.select-wrapper:after{content:none}.select-wrapper:focus-within:after{content:none}.channel-select{padding-right:44px;width:100%}.select-wrapper:hover .channel-select,.channel-select:hover{box-shadow:0 6px 18px #1018280f}.channel-select{transition:box-shadow .18s ease,transform .12s ease}.btn{transition:background-color .18s cubic-bezier(.4,0,.2,1),box-shadow .12s ease}.btn:hover{background-color:var(--primary-dark);box-shadow:0 10px 26px #a008281f}.btn:active{background-color:var(--primary-dark)}.btn.secondary{background:#fff0f2;color:var(--primary);border:1px solid rgba(202,1,49,.08)}.btn.secondary:hover{background:var(--primary-dark);color:#fff;border-color:#0000000f;box-shadow:0 10px 26px #a008281f}.btn:focus{outline:none;box-shadow:0 0 0 4px #ca01311f}.btn{position:relative;overflow:hidden}.btn .ripple{position:absolute;border-radius:50%;transform:scale(0);background:#ffffff59;animation:ripple .6s linear;pointer-events:none}select,textarea{position:relative}@keyframes ripple{to{transform:scale(4);opacity:0}}.select-wrapper:hover:after{content:none}.select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--primary);width:24px;height:24px}.select-chevron path{stroke:var(--primary);stroke-width:2}.select-wrapper:focus-within .select-chevron{transform:translateY(-50%) rotate(180deg)}.note{color:#b91c1c;margin-top:8px}.welcome{text-align:center}@media (max-width:480px){.container{padding:16px;margin:20px auto}.title-wrap h1{font-size:18px}.logo{max-width:180px}}