*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#fff;background:#020710}a{text-decoration:none;color:inherit}.gc-bg-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.gc-bg-overlay{position:fixed;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,5,14,.22),rgba(0,7,18,.48)),radial-gradient(circle at 50% 35%,rgba(0,112,255,.06),rgba(0,0,0,.42) 72%);pointer-events:none}.gc-login-page,.gc-panel-page,.gc-view-page{min-height:100vh;overflow-x:hidden}.gc-login-wrap{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.gc-login-form{width:min(1120px,94vw);text-align:center}.gc-login-logo{display:block;width:min(610px,78vw);max-height:260px;object-fit:contain;margin:0 auto 28px;filter:drop-shadow(0 18px 38px rgba(0,0,0,.7))}.gc-login-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) 180px;gap:12px;max-width:920px;margin:auto}.gc-pill,.gc-enter{height:58px;border-radius:29px;font-size:16px;outline:none}.gc-pill{border:1px solid rgba(75,169,255,.45);background:rgba(2,11,25,.72);backdrop-filter:blur(14px);color:#fff;padding:0 23px;box-shadow:inset 0 1px rgba(255,255,255,.05)}.gc-pill:focus{border-color:#49b8ff;box-shadow:0 0 0 3px rgba(42,162,255,.14)}.gc-pill::placeholder{color:#a9bfd3}.gc-enter{border:1px solid #ffdb62;background:linear-gradient(180deg,#ffe070,#b98516);color:#06111e;font-weight:900;letter-spacing:.7px;cursor:pointer;box-shadow:0 10px 30px rgba(220,166,37,.2)}.gc-error{max-width:600px;margin:0 auto 16px;padding:11px 18px;border-radius:22px;background:rgba(120,8,20,.72);border:1px solid rgba(255,105,116,.45)}
.gc-panel-overlay{background:linear-gradient(180deg,rgba(0,4,13,.28),rgba(0,8,20,.58))}.gc-panel{position:relative;z-index:2;min-height:100vh;padding:24px clamp(18px,4vw,68px) 60px}.gc-panel-head{display:flex;align-items:center;justify-content:space-between;gap:22px}.gc-panel-logo{width:min(410px,52vw);height:130px;object-fit:contain;object-position:left center;filter:drop-shadow(0 12px 28px rgba(0,0,0,.65))}.gc-actions{display:flex;gap:10px;align-items:center}.gc-refresh,.gc-logout{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border-radius:23px;border:1px solid rgba(85,176,255,.5);background:rgba(2,14,31,.72);backdrop-filter:blur(12px);color:#eaf7ff;font-size:12px;font-weight:800;letter-spacing:.8px;cursor:pointer}.gc-logout{border-color:rgba(255,216,92,.6);color:#ffe48b}.gc-welcome{text-align:center;margin:4px 0 24px}.gc-welcome h1{font-size:clamp(25px,3vw,40px);margin:0;text-shadow:0 4px 20px #000}.gc-device-area{max-width:1440px;margin:auto;padding:24px;border:1px solid rgba(73,168,255,.23);border-radius:28px;background:rgba(0,8,22,.44);backdrop-filter:blur(9px);box-shadow:0 28px 80px rgba(0,0,0,.28)}.gc-device-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.gc-device-card{text-align:center;min-width:0;padding:16px 8px 14px;border-radius:22px;transition:.18s ease;border:1px solid transparent}.gc-device-card:hover{background:rgba(8,35,65,.52);border-color:rgba(68,174,255,.24);transform:translateY(-2px)}.gc-phone-silhouette{width:min(150px,100%);aspect-ratio:9/16;margin:auto;padding:5px;border-radius:23px;background:linear-gradient(145deg,#7ed8ff,#162a43 25%,#03070d 58%,#c99831);box-shadow:0 15px 38px rgba(0,0,0,.55)}.gc-phone-screen{width:100%;height:100%;border-radius:18px;background:radial-gradient(circle at 50% 35%,#124c84,#06172c 55%,#02070d);display:flex;align-items:center;justify-content:center;border:1px solid rgba(65,177,255,.34)}.gc-phone-mark{font-size:44px;font-weight:900;color:#d7a83d;text-shadow:0 0 25px rgba(0,136,255,.6)}.gc-device-name{font-weight:800;margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-device-status{font-size:11px;color:#b8d1e4;margin-top:5px}.gc-device-status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#31e77d;margin-right:6px;box-shadow:0 0 10px #31e77d}.gc-empty{text-align:center;padding:55px 20px;color:#c2d3df}
.gc-view-overlay{background:rgba(0,5,14,.68)}.gc-view-wrap{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:18px 20px 30px}.gc-view-logo-wrap{height:92px;display:flex;align-items:center;justify-content:center}.gc-view-logo{width:min(300px,58vw);max-height:88px;object-fit:contain}.gc-close{position:fixed;z-index:5;right:24px;top:20px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:34px;line-height:1;color:#fff;background:rgba(3,12,25,.82);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px)}.gc-stream-shell{position:relative;width:min(360px,calc(100vw - 40px));aspect-ratio:9/16;max-height:calc(100vh - 150px);background:#000;border:1px solid rgba(80,182,255,.45);border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.7)}.gc-phone-box,#phoneBox{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;overflow:hidden!important;background:#000!important}.gc-phone-box>*,#phoneBox>*{max-width:100%!important;max-height:100%!important}.gc-phone-box video,.gc-phone-box canvas,#phoneBox video,#phoneBox canvas{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}.gc-stream-loader{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;background:#02070d;color:#bcd5e8;font-size:13px;pointer-events:none}.gc-connection{font-size:11px;color:#a9c4d8;margin-top:8px;min-height:15px}
@media(max-width:900px){.gc-device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gc-login-row{grid-template-columns:1fr 1fr}.gc-enter{grid-column:1/-1}.gc-panel-logo{height:100px}}@media(max-width:600px){.gc-login-row{grid-template-columns:1fr}.gc-enter{grid-column:auto}.gc-panel-head{align-items:flex-start;flex-direction:column}.gc-panel-logo{width:min(360px,86vw);height:90px}.gc-actions{width:100%;justify-content:flex-end}.gc-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gc-device-area{padding:14px}.gc-phone-silhouette{width:min(130px,100%)}}
/* LOGIN — POSIÇÃO DOS CAMPOS */
.gc-login-form {
    transform: translateY(300px) !important;
}
/* LOGIN — POSIÇÃO E ALINHAMENTO FINAL */
.gc-login-page {
    height: 100vh !important;
    overflow: hidden !important;
}

.gc-login-form {
    transform: translateY(220px) !important;
    width: 100% !important;
}

.gc-login-row {
    grid-template-columns: 300px 300px 165px !important;
    gap: 14px !important;
    width: fit-content !important;
    max-width: calc(100vw - 40px) !important;
    margin: 0 auto !important;
}
/* LOGO DENTRO DOS CELULARES */
.gc-phone-logo {
    width: 82% !important;
    height: auto !important;
    max-height: 45% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 12px rgba(0, 153, 255, .55));
}


/* ===== CONTATO TELEGRAM — GENERAL CLOUD PHONE ===== */
.gc-telegram-float{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:50;
    display:flex;
    align-items:center;
    gap:11px;
    min-height:58px;
    padding:8px 17px 8px 8px;
    border:1px solid rgba(86,190,255,.72);
    border-radius:32px;
    background:linear-gradient(145deg,rgba(2,19,42,.94),rgba(2,8,20,.96));
    color:#fff;
    box-shadow:0 14px 38px rgba(0,0,0,.48),0 0 24px rgba(35,167,242,.18);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.gc-telegram-float:hover{
    transform:translateY(-3px);
    border-color:#ffda62;
    box-shadow:0 18px 45px rgba(0,0,0,.55),0 0 28px rgba(35,167,242,.28);
}
.gc-telegram-icon{
    width:42px;height:42px;border-radius:50%;
    display:grid;place-items:center;
    background:linear-gradient(145deg,#37b9f4,#168bc9);
    box-shadow:inset 0 1px rgba(255,255,255,.35),0 0 18px rgba(35,167,242,.32);
}
.gc-telegram-icon svg{width:24px;height:24px;fill:#fff;transform:translateX(-1px)}
.gc-telegram-text{display:flex;flex-direction:column;line-height:1.08}
.gc-telegram-text strong{font-size:11px;letter-spacing:1.1px;color:#ffe07a}
.gc-telegram-text small{font-size:11px;color:#d8edff;margin-top:4px}
@media(max-width:600px){
    .gc-telegram-float{right:14px;bottom:14px;padding:7px}
    .gc-telegram-text{display:none}
    .gc-telegram-icon{width:46px;height:46px}
}