@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Noto+Serif:wght@500;600;700&display=swap');
        *{box-sizing:border-box}
        body{
            --parallax-y:0px;
            margin:0;
            min-height:100vh;
            font-family:"Be Vietnam Pro","Segoe UI",Tahoma,Arial,sans-serif;
            color:#ece9e2;
            background:
                radial-gradient(circle at 15% 20%, rgba(255,255,255,.06), transparent 38%),
                radial-gradient(circle at 85% 30%, rgba(255,255,255,.07), transparent 45%),
                linear-gradient(180deg,#0b0d12,#141821 28%,#0f1118 100%);
            display:flex;
            align-items:center;
            justify-content:center;
            padding:20px;
            position:relative;
            overflow-x:hidden;
        }
        body::before{
            content:"";
            position:fixed;
            inset:-50px;
            pointer-events:none;
            z-index:0;
            opacity:.16;
            transform:translate3d(0, calc(var(--parallax-y) * -0.2), 0);
            background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.25' stroke-width='0.8'%3E%3Cpath d='M12 48c42 10 70-8 103-18 36-10 72-7 110 8 26 10 54 18 84 9'/%3E%3Cpath d='M2 120c46 8 78-8 116-18 35-9 69-4 104 9 28 10 59 17 98 5'/%3E%3Cpath d='M8 196c52 7 86-8 124-18 34-9 66-3 99 9 30 11 61 16 95 4'/%3E%3Cpath d='M0 268c46 8 76-7 110-17 38-12 73-7 112 8 29 11 59 16 98 5'/%3E%3C/g%3E%3C/svg%3E");
            background-size:420px 420px;
        }
        .auth-card{
            width:100%;
            max-width:430px;
            background:linear-gradient(180deg,rgba(23,26,35,.9),rgba(17,19,26,.95));
            border:1px solid rgba(214,178,119,.24);
            border-radius:12px;
            padding:24px;
            position:relative;
            z-index:1;
            box-shadow:0 18px 34px rgba(0,0,0,.3);
        }
        .auth-card::before,.auth-card::after{
            content:"";
            position:absolute;width:18px;height:18px;pointer-events:none
        }
        .auth-card::before{left:8px;top:8px;border-top:1px solid rgba(214,178,119,.4);border-left:1px solid rgba(214,178,119,.4)}
        .auth-card::after{right:8px;bottom:8px;border-right:1px solid rgba(214,178,119,.4);border-bottom:1px solid rgba(214,178,119,.4)}
        h2{
            margin:0 0 14px;
            font-family:"Noto Serif",Georgia,"Times New Roman",serif;
            font-size:34px;
            color:#ebd7ae;
            font-weight:500;
        }
        .row{margin-bottom:12px}
        input{
            width:100%;
            padding:11px 12px;
            border-radius:6px;
            border:1px solid rgba(214,178,119,.3);
            background:rgba(10,12,17,.7);
            color:#ece9e2;
            outline:none;
        }
        input:focus{border-color:#d8ba88;box-shadow:0 0 0 3px rgba(216,186,136,.15)}
        button{
            width:100%;
            padding:11px 12px;
            border-radius:2px;
            border:1px solid #cfb078;
            background:linear-gradient(180deg,#7f6742,#c3a171 55%,#8b7049);
            color:#fff8e6;
            font-weight:800;
            cursor:pointer;
        }
        button:hover{filter:brightness(1.05)}
        /* Thông báo dạng alert (login/register) */
        #result{margin:12px 0 0;color:#f5dcb2;min-height:20px}
        #result:not(:empty){
            position:fixed;
            left:50%;
            top:55%;
            transform:translate(-50%,-50%);
            z-index:3000;
            margin:0;
            padding:14px 18px;
            max-width:min(520px,92vw);
            border-radius:12px;
            background:rgba(10,12,17,.72);
            border:1px solid rgba(214,178,119,.32);
            backdrop-filter:blur(10px);
            box-shadow:0 22px 50px rgba(0,0,0,.45);
            text-align:center;
            font-weight:800;
            letter-spacing:.2px;
        }
        .back-link{display:inline-block;margin-top:14px;color:#dcbf86}
        body.page-auth{
            align-items:center;
            justify-content:center;
            padding-top:96px; /* chừa chỗ cho header cố định */
        }

/* Trang đăng ký */
.page-register .auth-card { max-width: 480px; }
.page-register .row { margin-bottom: 10px; }
.page-register button { margin-top: 4px; }