*{
            box-sizing:border-box;
            font-family: system-ui, sans-serif;
        }

        body{
            margin:0;
            min-height:100svh;
            overflow:auto;
            background:linear-gradient(135deg,#1e3c72,#4c8dff,#6fb1fc);
        }

        #particles-js{
            position:fixed;
            inset:0;
            z-index:0;
        }

        .wrapper{
            position:relative;
            z-index:2;
            min-height:100svh;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:
                max(20px, env(safe-area-inset-top))
                20px
                max(20px, env(safe-area-inset-bottom));
        }

        .home-card{
            width:100%;
            max-width:460px;
            padding:40px 32px;
            border-radius:28px;
            background:#ffffff;
            border:1px solid rgba(255,255,255,.35);
            box-shadow:0 30px 60px rgba(0,0,0,.25);
            text-align:center;
            animation:cardShow .7s ease;
        }

        @keyframes cardShow{
            0%{
                opacity:0;
                transform:translateY(35px);
            }
            100%{
                opacity:1;
                transform:translateY(0);
            }
        }

        .logo{
            width:min(100%,220px);
            height:auto;
            display:block;
            margin:0 auto 14px;
            filter:drop-shadow(0 10px 20px rgba(0,0,0,.20));
        }

        .title{
            font-size:1.5rem;
            font-weight:700;
            color:#0f2357;
            margin-bottom:12px;
        }

        .sub-title{
            font-size:1rem;
            color:#4b5563;
            line-height:1.6;
            margin-bottom:20px;
        }

        .btn{
            height:52px;
            border-radius:14px;
            font-weight:600;
            font-size:16px;
        }

        .btn-tra-cuu{
            background:linear-gradient(90deg,#1a3ae0,#4c8dff);
            border:none;
            color:#fff;
            transition:.25s;
        }

        .btn-tra-cuu:hover{
            transform:translateY(-2px);
            box-shadow:0 10px 25px rgba(0,0,0,.20);
            color:#fff;
        }

        .btn-admin{
            border:2px solid #0f2357;
            background:transparent;
            color:#0f2357;
            transition:.25s;
        }

        .btn-admin:hover{
            background:rgba(15,35,87,.08);
            color:#0f2357;
        }

        .maintenance-badge{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:8px;
            padding:10px 16px;
            border-radius:999px;
            background:#fff4e5;
            color:#b45309;
            font-weight:700;
            font-size:.95rem;
            margin-bottom:18px;
        }

        .maintenance-box{
            text-align:left;
            background:#f8fafc;
            border:1px solid #e5e7eb;
            border-radius:18px;
            padding:16px;
            margin-top:18px;
            margin-bottom:18px;
        }

        .maintenance-box p{
            margin:0 0 10px;
            color:#374151;
            line-height:1.6;
            font-size:.96rem;
        }

        .maintenance-box p:last-child{
            margin-bottom:0;
        }

        .footer{
            margin-top:22px;
            font-size:.85rem;
            color:#1d4ed8;
        }

        .home-pwa-panel{
            margin-top:18px;
            text-align:left;
        }

        @media (max-width:576px){
            .home-card{
                padding:32px 20px;
                border-radius:22px;
            }

            .title{
                font-size:1.3rem;
            }

            .sub-title{
                font-size:.95rem;
            }

            .btn{
                height:50px;
                font-size:15px;
            }

            .home-pwa-panel{
                margin-top:16px;
            }
        }