@charset "UTF-8"; /* Tema Carbon Neon — janela de terminal ancorada à esquerda, prompt nos labels e cursor piscando (estética dev/hacker) */ body.welcome-anonymous, body.login-page, main.page-anonymous { min-height: 100vh; background-color: #07090d; background-image: radial-gradient(55% 45% at 30% 0%, rgba(0, 229, 199, 0.13) 0%, transparent 70%), radial-gradient(40% 40% at 95% 90%, rgba(56, 189, 248, 0.1) 0%, transparent 70%), linear-gradient(rgba(148, 163, 184, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, 0.05) 1px, transparent 1px); background-size: 100% 100%, 100% 100%, 44px 44px, 44px 44px; background-attachment: fixed; } /* janela ancorada à esquerda */ .page-anonymous .flex-fill.d-flex.flex-column { align-items: flex-start; } .page-anonymous .container-tight { margin-left: 7vw !important; margin-right: auto !important; width: 30rem; max-width: 92vw !important; } .page-anonymous .container-tight .text-center { text-align: left !important; } .page-anonymous .main-content-card { font-family: "SFMono-Regular", "JetBrains Mono", Consolas, "Liberation Mono", monospace; } /* title bar do terminal (usa o .card-header vazio do card) */ .page-anonymous .main-content-card > .card-header { display: block !important; height: 38px; background: #161d27; border: 1px solid rgba(0, 229, 199, 0.22); border-bottom: 1px solid rgba(148, 163, 184, 0.15); border-radius: 12px 12px 0 0; position: relative; } .page-anonymous .main-content-card > .card-header::before { content: ""; position: absolute; left: 16px; top: 13px; width: 12px; height: 12px; border-radius: 50%; background: #ff5f56; box-shadow: 22px 0 0 #ffbd2e, 44px 0 0 #27c93f; } .page-anonymous .main-content-card > .card-header::after { content: "user@glpi: ~/login"; position: absolute; left: 0; right: 0; top: 9px; text-align: center; color: #64748b; font-size: 0.75rem; } .page-anonymous .main-content-card .card-body { background: rgba(13, 17, 23, 0.96); border: 1px solid rgba(0, 229, 199, 0.22); border-top: 0; border-radius: 0 0 12px 12px; padding: 2rem !important; box-shadow: 0 0 45px rgba(0, 229, 199, 0.1), 0 26px 60px rgba(0, 0, 0, 0.6); } .page-anonymous .main-content-card .col-md-5 { width: 100% !important; max-width: none; flex: 1 1 100%; } .page-anonymous .card-body .card-header { border: 0; background: transparent; padding-left: 0; } .page-anonymous .card-body .card-header h2 { color: #e2e8f0; font-size: 1.05rem; font-weight: 600; text-align: left; margin: 0 !important; } .page-anonymous .card-body .card-header h2::after { content: "_"; color: #00e5c7; animation: butterfly-blink 1.1s steps(1) infinite; } @keyframes butterfly-blink { 50% { opacity: 0; } } /* labels como prompt */ .page-anonymous .form-label { color: #7dd3c8; font-size: 0.78rem; letter-spacing: 0.04em; } .page-anonymous .form-label::before { content: "> "; color: #00e5c7; font-weight: 700; } .page-anonymous .form-control, .page-anonymous .form-select { background: rgba(2, 6, 12, 0.8); border: 1px solid rgba(148, 163, 184, 0.22); border-left: 3px solid rgba(0, 229, 199, 0.45); border-radius: 4px; color: #e2e8f0; font-family: inherit; padding: 0.6rem 0.85rem; } .page-anonymous .form-control::placeholder, .page-anonymous .form-select::placeholder { color: rgba(148, 163, 184, 0.45); } .page-anonymous .form-control:focus, .page-anonymous .form-select:focus { background: rgba(2, 6, 12, 0.95); border-color: rgba(0, 229, 199, 0.65); border-left-color: #00e5c7; box-shadow: 0 0 18px rgba(0, 229, 199, 0.18); color: #ffffff; } .page-anonymous .select2-container .select2-selection { background: rgba(2, 6, 12, 0.8); border: 1px solid rgba(148, 163, 184, 0.22); border-left: 3px solid rgba(0, 229, 199, 0.45); border-radius: 4px; color: #e2e8f0; } .page-anonymous .form-check-input { background-color: rgba(2, 6, 12, 0.8); border-color: rgba(148, 163, 184, 0.35); } .page-anonymous .form-check-label { color: #94a3b8; font-size: 0.8rem; } .page-anonymous .btn.btn-primary { background: transparent; border: 1px solid #00e5c7; border-radius: 4px; color: #00e5c7; padding: 0.65rem; font-family: inherit; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.8rem; box-shadow: 0 0 18px rgba(0, 229, 199, 0.15); transition: all 0.15s ease; } .page-anonymous .btn.btn-primary::before { content: "$ "; } .page-anonymous .btn.btn-primary:hover { background: #00e5c7; color: #031a17; box-shadow: 0 0 34px rgba(0, 229, 199, 0.5); } .page-anonymous .text-muted, .page-anonymous .copyright { color: #475569 !important; font-size: 0.75rem; } .page-anonymous a { color: #00e5c7 !important; } @media (max-width: 768px) { .page-anonymous .container-tight { margin: 0 auto !important; } }