*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#04060f;--card:#0b1120;--border:#00c8ff2e;--border-focus:#00c8ffb3;--cyan:#00c8ff;--cyan-dim:#00c8ff1a;--violet:#9b7aff;--violet-dim:#9b7aff24;--text:#fff;--text-secondary:#b8ccee;--text-dim:#7a9ac8;--text-muted:#4a6490;--error:#ff6b88;--success:#00e5a0;--radius:12px;--radius-sm:8px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Inter,sans-serif;font-size:28px;line-height:1.65;overflow-x:hidden}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.wrap{flex:1;width:100%;max-width:960px;margin:0 auto;padding:28px 24px 80px}.field input,.field textarea{border-radius:var(--radius-sm);width:100%;color:var(--text);-webkit-appearance:none;background:#ffffff0a;border:1px solid #00c8ff26;outline:none;padding:13px 16px;font-family:Inter,sans-serif;font-size:14.5px;font-weight:400;transition:border-color .2s,box-shadow .2s,background .2s}.field textarea{resize:vertical;min-height:130px;line-height:1.65}.field input::placeholder,.field textarea::placeholder{color:var(--text-muted);font-weight:300}.field input:focus,.field textarea:focus{background:#00c8ff0a;border-color:#00c8ff99;box-shadow:0 0 0 3px #00c8ff14,0 0 24px #00c8ff0f}.channel label:hover{background:#00c8ff0d!important;border-color:#00c8ff52!important}.channel input[type=radio]:checked+label{background:#00c8ff12!important;border-color:#00c8ffa6!important;box-shadow:0 0 0 1px #00c8ff26,inset 0 1px #ffffff0a!important}.channel input[type=radio]:checked+label .channel-name{color:var(--text)!important}.channel input[type=radio]:checked+label .channel-icon{opacity:1!important}.whatsapp-btn:hover{transform:translateY(-2px);box-shadow:0 0 44px #25d36666,0 8px 24px #00000059!important}.whatsapp-btn:active{transform:translateY(0)}button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 48px #00c8ff61,0 8px 28px #00000059!important}button[type=submit]:active:not(:disabled){transform:translateY(0)}@keyframes pulse-ring{0%,to{box-shadow:0 0 40px #00e5a02e}50%{box-shadow:0 0 65px #00e5a052}}@media (width<=560px){.card{padding:28px 20px}.channel label{gap:10px!important;padding:14px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
