:root{
    --metal-black:#0c0f13;
    --metal-charcoal:#14191f;
    --metal-graphite:#1b2129;
    --metal-steel:#242c35;
    --metal-steel-soft:#2d3742;
    --blue-tech:#1f7ae0;
    --blue-tech-soft:#5ba5f5;
    --blue-tech-deep:#124c92;
    --gold:#c89b3c;
    --gold-soft:#efd087;
    --gold-deep:#876520;
    --text:#f5f7fa;
    --muted:#a9b4c2;
    --muted-light:#d6dce3;
    --line:rgba(255,255,255,.10);
    --line-strong:rgba(91,165,245,.30);
    --success:#35c56d;
}
*{box-sizing:border-box;}
html,body{min-height:100%;}
body{
    margin:0;
    min-height:100vh;
    padding:24px;
    overflow-x:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--text);
    font-family:Inter,Arial,Helvetica,sans-serif;
    background:
        radial-gradient(circle at 12% 14%, rgba(91,165,245,.08), transparent 26%),
        radial-gradient(circle at 88% 15%, rgba(200,155,60,.07), transparent 24%),
        radial-gradient(circle at 50% 100%, rgba(255,255,255,.025), transparent 30%),
        linear-gradient(145deg, #090c10 0%, #13181f 38%, #1c232c 70%, #0d1117 100%);
    background-attachment:fixed;
}
body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    opacity:.38;
    background-image:
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size:44px 44px;
}
body::after{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at center, transparent 34%, rgba(0,0,0,.56) 100%);
}
.admin-login-page{position:relative;z-index:2;width:100%;max-width:1080px;}
.admin-shell{
    position:relative;
    display:grid;
    grid-template-columns:1fr .88fr;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.07);
    border-radius:24px;
    background:linear-gradient(145deg, rgba(34,41,50,.98), rgba(12,15,20,.99));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(0,0,0,.44),0 30px 80px rgba(0,0,0,.60),0 0 40px rgba(91,165,245,.04);
    backdrop-filter:blur(16px);
}
.top-gold-bar{
    position:absolute;top:0;left:0;right:0;height:8px;z-index:6;overflow:hidden;
    background:linear-gradient(90deg, #7d5b1d 0%, var(--gold) 22%, var(--gold-soft) 50%, var(--gold) 78%, #7d5b1d 100%);
    box-shadow:0 0 18px rgba(200,155,60,.38),0 2px 14px rgba(0,0,0,.22);
}
.gold-signal{position:absolute;top:0;width:170px;height:100%;background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,245,210,.95), rgba(255,255,255,0));box-shadow:0 0 18px rgba(255,228,152,.85);}
.signal-1{animation:gold-run 3.2s linear infinite;}.signal-2{animation:gold-run 3.2s linear infinite 1.05s;}.signal-3{animation:gold-run 3.2s linear infinite 2.1s;}
@keyframes gold-run{0%{left:-18%;}100%{left:110%;}}
.admin-info{
    position:relative;
    padding:52px 48px 48px;
    overflow:hidden;
    border-right:1px solid var(--line);
    background:
        radial-gradient(circle at 12% 12%, rgba(91,165,245,.08), transparent 25%),
        linear-gradient(145deg, rgba(28,34,42,.98), rgba(12,16,21,.99));
}
.stellar-field{
    position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.96;
}
.star{position:absolute;width:2px;height:2px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 0 10px rgba(255,255,255,.6);animation:star-pulse 3.2s ease-in-out infinite;}
.s1{top:12%;left:12%;animation-delay:.2s}.s2{top:18%;left:65%;animation-delay:1s}.s3{top:28%;left:82%;animation-delay:2.1s}.s4{top:42%;left:18%;animation-delay:1.8s}.s5{top:56%;left:72%;animation-delay:.8s}.s6{top:68%;left:30%;animation-delay:2.6s}.s7{top:78%;left:58%;animation-delay:1.4s}.s8{top:24%;left:40%;animation-delay:2.9s}
@keyframes star-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}
.orbit{
    position:absolute;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;
    color:#fff;font-size:20px;border:1px solid rgba(255,255,255,.09);
    background:linear-gradient(145deg, rgba(34,44,56,.88), rgba(18,22,28,.88));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 20px rgba(0,0,0,.26),0 0 18px rgba(91,165,245,.04);
}
.orbit i{color:var(--gold-soft);filter:drop-shadow(0 0 8px rgba(200,155,60,.20));}
.orbit-music{top:14%;right:16%;animation:float-one 7s ease-in-out infinite;}
.orbit-ai{top:34%;right:8%;animation:float-two 8s ease-in-out infinite;}
.orbit-users{bottom:28%;right:18%;animation:float-three 7.4s ease-in-out infinite;}
.orbit-dc{bottom:12%;right:34%;animation:float-four 8.6s ease-in-out infinite;}
@keyframes float-one{0%,100%{transform:translate(0,0)}50%{transform:translate(-10px,10px)}}
@keyframes float-two{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,-12px)}}
@keyframes float-three{0%,100%{transform:translate(0,0)}50%{transform:translate(-12px,-8px)}}
@keyframes float-four{0%,100%{transform:translate(0,0)}50%{transform:translate(10px,10px)}}
.data-link{position:absolute;height:1px;background:linear-gradient(90deg, rgba(91,165,245,.05), rgba(91,165,245,.42), rgba(239,208,135,.38), rgba(91,165,245,.05));box-shadow:0 0 10px rgba(91,165,245,.12);transform-origin:left center;}
.link-1{top:31%;left:38%;width:190px;transform:rotate(-18deg);animation:link-glow 2.8s ease-in-out infinite;}
.link-2{top:55%;left:28%;width:210px;transform:rotate(12deg);animation:link-glow 3.2s ease-in-out infinite .6s;}
.link-3{top:71%;left:40%;width:150px;transform:rotate(-8deg);animation:link-glow 2.6s ease-in-out infinite 1s;}
@keyframes link-glow{0%,100%{opacity:.35}50%{opacity:1}}
.data-node{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--blue-tech-soft);box-shadow:0 0 14px rgba(91,165,245,.7);animation:node-pulse 2.4s ease-in-out infinite;}
.node-1{top:28%;left:36%}.node-2{top:48%;left:62%;animation-delay:.5s}.node-3{top:62%;left:30%;animation-delay:1.1s}.node-4{top:75%;left:58%;animation-delay:1.7s}
@keyframes node-pulse{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.35);opacity:1}}
.brand,.admin-copy,.admin-features{position:relative;z-index:2;}
.brand{display:flex;align-items:center;gap:15px;margin-bottom:38px;}
.brand-icon{width:68px;height:68px;display:grid;place-items:center;border:1px solid rgba(200,155,60,.28);border-radius:18px;color:var(--gold-soft);font-size:27px;background:linear-gradient(145deg, rgba(200,155,60,.14), rgba(91,165,245,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 26px rgba(0,0,0,.20),0 0 18px rgba(200,155,60,.08);}
.brand-title{color:#fff;font-size:27px;line-height:1.1;font-weight:900;letter-spacing:-.4px;}
.brand-subtitle{margin-top:5px;color:var(--muted);font-size:13px;letter-spacing:.3px;}
.admin-copy h2{margin:0 0 28px;color:#fff;font-size:38px;line-height:1.10;font-weight:900;letter-spacing:-1.1px;max-width:380px;}
.admin-copy h2::after{content:"";display:block;width:64px;height:3px;margin-top:18px;border-radius:999px;background:linear-gradient(90deg, var(--blue-tech-soft), var(--gold));box-shadow:0 0 12px rgba(91,165,245,.24);}
.admin-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.feature{position:relative;min-height:128px;padding:20px;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg, rgba(40,48,58,.82), rgba(15,20,26,.90));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 28px rgba(0,0,0,.22);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
.feature::before{content:"";position:absolute;top:0;left:20px;width:38px;height:2px;background:linear-gradient(90deg, var(--blue-tech-soft), var(--gold));}
.feature:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 16px 34px rgba(0,0,0,.28),0 0 18px rgba(91,165,245,.035);}
.feature i{margin-bottom:14px;color:var(--gold);font-size:20px;}.feature strong{display:block;margin-bottom:8px;color:#fff;font-size:15px;}.feature span{color:var(--muted);font-size:13px;line-height:1.5;}
.login-area{position:relative;display:flex;align-items:center;padding:52px 48px 48px;background:linear-gradient(125deg, rgba(255,255,255,.018), transparent 34%),radial-gradient(circle at 100% 0%, rgba(91,165,245,.06), transparent 35%),linear-gradient(155deg, rgba(27,32,40,.99), rgba(10,13,18,.99));}
.admin-container{width:100%;max-width:430px;margin:0 auto;padding:0;border-radius:0;background:transparent;box-shadow:none;text-align:left;}
.secure-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;padding:9px 15px;border:1px solid rgba(53,197,109,.24);border-radius:999px;color:#b8efca;font-size:12px;font-weight:800;letter-spacing:.35px;text-transform:uppercase;background:rgba(53,197,109,.07);} .secure-badge i{color:var(--success);filter:drop-shadow(0 0 6px rgba(53,197,109,.48));}
.admin-container h1{margin:0 0 10px;color:#fff;font-size:35px;line-height:1.12;font-weight:900;letter-spacing:-.8px;}
.login-desc{margin:0 0 28px;color:var(--muted);font-size:15px;line-height:1.5;}
.input-box{position:relative;margin-bottom:18px;}
.input-box i{position:absolute;top:50%;left:18px;z-index:2;transform:translateY(-50%);color:var(--blue-tech-soft);}
.form-control{width:100%;height:62px;padding:0 52px 0 50px;border:1px solid rgba(255,255,255,.14);border-radius:15px;outline:none;color:#fff;font-size:15px;font-weight:700;background:linear-gradient(145deg, rgba(35,43,53,.98), rgba(15,20,27,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.025), inset 0 0 0 1px rgba(0,0,0,.15);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;}
.form-control:hover{border-color:rgba(91,165,245,.34);} .form-control::placeholder{color:#7f8b99;font-weight:500;}
.form-control:focus{color:#fff;border-color:var(--blue-tech-soft);background:#1c2430;box-shadow:0 0 0 4px rgba(91,165,245,.10),0 0 20px rgba(91,165,245,.06);}
.password-toggle{position:absolute;top:50%;right:12px;width:40px;height:40px;transform:translateY(-50%);cursor:pointer;border:1px solid rgba(255,255,255,.12);border-radius:11px;color:var(--muted-light);background:rgba(255,255,255,.04);transition:.2s ease;}.password-toggle:hover{color:var(--gold-soft);border-color:rgba(200,155,60,.30);background:rgba(200,155,60,.08);}
.btn-submit{position:relative;width:100%;height:62px;margin-top:6px;overflow:hidden;cursor:pointer;border:1px solid rgba(200,155,60,.28);border-radius:15px;color:#fff;font-size:17px;font-weight:900;letter-spacing:.2px;background:linear-gradient(135deg, var(--blue-tech-soft), var(--blue-tech) 58%, var(--blue-tech-deep));box-shadow:0 15px 34px rgba(18,76,146,.34), inset 0 1px 0 rgba(255,255,255,.22);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;}
.btn-submit::after{content:"";position:absolute;top:-40%;left:-70%;width:45%;height:180%;transform:rotate(22deg);background:linear-gradient(90deg, transparent, rgba(255,255,255,.30), transparent);transition:left .45s ease;}.btn-submit:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 19px 42px rgba(18,76,146,.40),0 0 18px rgba(91,165,245,.11);}.btn-submit:hover::after{left:130%;}.btn-submit:active{transform:translateY(1px);}.btn-submit:disabled{cursor:not-allowed;opacity:.65;transform:none;filter:none;}
.status-login{margin-top:18px;text-align:center;}.security-note{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.5;text-align:center;}.security-note i{margin-right:4px;color:var(--success);}
.alert{padding:14px 16px;border-radius:12px;font-size:13px;line-height:1.5;}.alert-success{color:#b8efca;border:1px solid rgba(53,197,109,.28);background:rgba(53,197,109,.085);}.alert-danger{color:#fecaca;border:1px solid rgba(239,68,68,.28);background:rgba(239,68,68,.085);}.alert-warning{color:#fde68a;border:1px solid rgba(240,178,61,.28);background:rgba(240,178,61,.085);}
.form-control:-webkit-autofill,.form-control:-webkit-autofill:hover,.form-control:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 9999s ease-in-out 0s;box-shadow:0 0 0 1000px #1c2430 inset,0 0 0 4px rgba(91,165,245,.08);}
@media(max-width:920px){body{align-items:flex-start;padding:14px;}.admin-shell{grid-template-columns:1fr;border-radius:21px;}.admin-info{padding:40px 30px 30px;border-right:0;border-bottom:1px solid var(--line);}.login-area{padding:40px 30px 30px;}.brand{margin-bottom:30px;}.admin-copy h2{font-size:30px;max-width:none;}.orbit{opacity:.88;}}
@media(max-width:560px){body{padding:8px;}.admin-shell{border-radius:17px;}.admin-info,.login-area{padding:34px 22px 22px;}.brand-icon{width:56px;height:56px;border-radius:14px;font-size:22px;}.brand-title{font-size:21px;}.brand-subtitle{font-size:12px;}.admin-copy h2{font-size:27px;}.admin-features{grid-template-columns:1fr;}.feature{min-height:auto;}.admin-container h1{font-size:29px;}.form-control,.btn-submit{height:58px;border-radius:13px;}.orbit{width:48px;height:48px;font-size:17px;}.orbit-music{top:12%;right:10%;}.orbit-ai{top:30%;right:4%;}.orbit-users{bottom:30%;right:12%;}.orbit-dc{bottom:12%;right:26%;}.top-gold-bar{height:7px;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;transition:none !important;animation:none !important;}}


.admin-features-icons{
    position:relative;
    min-height:230px;
    display:block;
    margin-top:8px;
}

.feature-icon-only{
    position:absolute;
    min-height:0;
    width:92px;
    height:92px;
    padding:0;
    display:grid;
    place-items:center;
    border-radius:24px;
    background:linear-gradient(145deg, rgba(42,51,61,.88), rgba(17,22,28,.92));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 14px 30px rgba(0,0,0,.24), 0 0 20px rgba(91,165,245,.04);
}

.feature-icon-only::before{
    left:50%;
    width:44px;
    transform:translateX(-50%);
}

.feature-icon-only i{
    margin:0;
    font-size:30px;
    color:var(--gold-soft);
    filter:drop-shadow(0 0 10px rgba(200,155,60,.18));
}

.feature-icon-only strong,
.feature-icon-only span{
    display:none;
}

.fi-music{top:8px;left:8px;animation:icon-float-1 7s ease-in-out infinite;}
.fi-ai{top:8px;right:26px;animation:icon-float-2 7.8s ease-in-out infinite;}
.fi-users{bottom:14px;left:42px;animation:icon-float-3 7.1s ease-in-out infinite;}
.fi-dc{bottom:6px;right:8px;animation:icon-float-4 8.2s ease-in-out infinite;}

@keyframes icon-float-1{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,10px)}}
@keyframes icon-float-2{0%,100%{transform:translate(0,0)}50%{transform:translate(-10px,8px)}}
@keyframes icon-float-3{0%,100%{transform:translate(0,0)}50%{transform:translate(10px,-8px)}}
@keyframes icon-float-4{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,-10px)}}

.feature-link{
    position:absolute;
    height:1px;
    background:linear-gradient(90deg, rgba(91,165,245,.04), rgba(91,165,245,.40), rgba(239,208,135,.34), rgba(91,165,245,.04));
    box-shadow:0 0 10px rgba(91,165,245,.10);
    transform-origin:left center;
    animation:feature-link-glow 2.8s ease-in-out infinite;
}

.fl-1{top:64px;left:92px;width:126px;transform:rotate(-7deg);}
.fl-2{top:136px;left:92px;width:122px;transform:rotate(24deg);animation-delay:.6s;}
.fl-3{top:154px;left:164px;width:98px;transform:rotate(-18deg);animation-delay:1.2s;}

@keyframes feature-link-glow{0%,100%{opacity:.35}50%{opacity:1}}

.feature-node{
    position:absolute;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--blue-tech-soft);
    box-shadow:0 0 14px rgba(91,165,245,.7);
    animation:feature-node-pulse 2.4s ease-in-out infinite;
}

.fn-1{top:60px;left:88px;}
.fn-2{top:55px;left:226px;animation-delay:.5s;}
.fn-3{top:150px;left:160px;animation-delay:1s;}
.fn-4{top:168px;left:258px;animation-delay:1.5s;}

@keyframes feature-node-pulse{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.35);opacity:1}}

@media(max-width:920px){
    .admin-features-icons{min-height:210px;}
    .feature-icon-only{width:84px;height:84px;}
    .feature-icon-only i{font-size:28px;}
}

@media(max-width:560px){
    .admin-features-icons{min-height:250px;}
    .feature-icon-only{width:76px;height:76px;border-radius:20px;}
    .feature-icon-only i{font-size:24px;}
    .fi-music{top:6px;left:0;}
    .fi-ai{top:12px;right:0;}
    .fi-users{bottom:24px;left:16px;}
    .fi-dc{bottom:8px;right:4px;}
    .fl-1{top:54px;left:66px;width:120px;}
    .fl-2{top:136px;left:58px;width:108px;transform:rotate(28deg);}
    .fl-3{top:152px;left:132px;width:86px;transform:rotate(-20deg);}
    .fn-1{top:50px;left:62px;}
    .fn-2{top:52px;left:188px;}
    .fn-3{top:146px;left:126px;}
    .fn-4{top:160px;left:212px;}
}

/* Versao minimalista: rede animada de infraestrutura e ouvintes */
.admin-info{display:flex;flex-direction:column;min-height:590px;}
.admin-info::after{opacity:.28;}
.brand{margin-bottom:24px;}
.network-visual{position:relative;width:100%;max-width:480px;aspect-ratio:480/330;margin:auto;min-height:250px;isolation:isolate;}
.network-visual::before{content:"";position:absolute;inset:2%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgba(51,110,165,.09),transparent 68%);}
.network-visual::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.65;background-image:radial-gradient(circle,rgba(190,208,230,.7) 1px,transparent 2px);background-size:39px 43px;mask-image:radial-gradient(ellipse,black,transparent 80%);animation:star-shift 18s linear infinite;}
@keyframes star-shift{to{background-position:39px -43px;}}
.network-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.net-line{fill:none;stroke:url(#networkGradient);stroke-width:1.5;stroke-dasharray:5 7;opacity:.72;animation:network-dash 12s linear infinite;}
.net-line-faint{opacity:.2;}
@keyframes network-dash{to{stroke-dashoffset:-200;}}
.net-pulse{fill:#67b5ff;filter:drop-shadow(0 0 5px #67b5ff);}
.net-pulse.gold{fill:#f0c46e;filter:drop-shadow(0 0 5px #f0c46e);}
.network-icon{position:absolute;display:grid;place-items:center;width:68px;height:68px;transform:translate(-50%,-50%);border-radius:20px;border:1px solid rgba(180,196,214,.19);background:linear-gradient(145deg,#343d49,#171d25);color:#e9bd6c;font-size:27px;box-shadow:0 9px 28px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.08);}
.network-icon i{animation:icon-breathe 4s ease-in-out infinite;}
@keyframes icon-breathe{50%{filter:drop-shadow(0 0 10px rgba(232,190,111,.58));transform:scale(1.07);}}
.net-server{left:50%;top:48.5%;width:86px;height:86px;border-color:rgba(220,176,88,.36);font-size:34px;}
.net-music{left:19.6%;top:18.8%;}.net-ai{left:80.4%;top:18.8%;}
.net-listener-a{left:17.3%;top:77.3%;}.net-listener-b{left:82.7%;top:77.3%;}
.net-ai i{animation-delay:.4s}.net-listener-a i{animation-delay:.8s}.net-listener-b i{animation-delay:1.2s}
.admin-container h1{margin-bottom:30px;}
@media(max-width:920px){.admin-info{min-height:420px;}.network-visual{max-width:450px;}}
@media(max-width:560px){.admin-info{min-height:340px;}.network-visual{min-height:200px;}.network-icon{width:50px;height:50px;font-size:20px;border-radius:15px;}.net-server{width:64px;height:64px;font-size:25px;}}
@media(prefers-reduced-motion:reduce){.network-visual::after,.network-icon i,.net-line{animation:none;}}