body{
    margin:0;
    padding:24px;
    background:
        linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.78)),
        url('/assets/images/banner.jpg') center center / cover no-repeat fixed,
        #000;
    color:#fff;
    font-family:Tahoma, Arial, sans-serif;
    font-size:11px;
}

a, a:visited, a:link{
    color:#fff;
    font-family:Tahoma, Arial, sans-serif;
    font-size:11px;
    text-decoration:none;
}

a:hover{
    color:#fdd3d3;
}

h1, h2, h3, p{
    margin:0;
    padding:0;
}

input, select, textarea, button{
    border:1px solid #666666;
    background-color:#222222;
    color:#fff;
    font-family:Tahoma, Arial, sans-serif;
    font-size:11px;
    box-sizing:border-box;
}

button{
    cursor:pointer;
    padding:6px 12px;
}

.page{
    max-width:900px;
    margin:0 auto;
}

table.container{
    width:100%;
    border-collapse:collapse;
    border:1px solid #2d2d2d;
    background-color:#171717;
}

table.default{
    width:100%;
    border-collapse:collapse;
    border:1px solid #2d2d2d;
    background-color:#0a0a0a;
}

.outer-pad{
    padding:5px;
}

.content-cell{
    padding:10px;
    background-color:#0a0a0a;
}

.banner{
    height:160px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    border:1px solid #2d2d2d;
    background:
        linear-gradient(rgba(0,0,0,.58), rgba(0,0,0,.58)),
        radial-gradient(circle at center, rgba(60,60,60,.45), rgba(8,8,8,.96) 72%);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    overflow:hidden;
}

.banner-overlay{
    padding:20px;
}

.banner h1{
    font-size:34px;
    letter-spacing:1px;
    margin-bottom:8px;
}

.banner p{
    font-size:13px;
    color:#c8c8c8;
}

.sidebar-link{
    display:block;
    padding:10px 8px;
    border-bottom:1px solid #1c1c1c;
    font-size:13px;
}

.sidebar-link strong{
    font-size:13px;
}

.panel-title{
    font-size:24px;
    margin-bottom:14px;
    color:#fff;
}

.panel-sub{
    font-size:12px;
    color:#bcbcbc;
    margin-bottom:18px;
    line-height:1.5;
}

.form-table{
    width:100%;
    border-collapse:collapse;
}

.form-table td{
    padding:8px 0;
    vertical-align:middle;
    font-size:12px;
}

.form-table td:first-child{
    width:170px;
    color:#fff;
    font-weight:bold;
    padding-right:16px;
}

.field{
    width:100%;
    max-width:320px;
    padding:8px 10px;
    height:40px;
}

.field-password{
    width:100%;
    max-width:320px;
    padding:8px 10px;
    height:40px;
}

.submit-row{
    padding-top:10px;
}

.submit-btn{
    min-width:170px;
    background:#222222;
    color:#fff;
}

.submit-btn:hover{
    background:#2a2a2a;
}

.helper-box{
    margin-top:18px;
    padding:10px;
    border:1px solid #2d2d2d;
    background:#111;
    color:#c9c9c9;
    line-height:1.5;
    font-size:11px;
}

.alert-box{
    margin-top:12px;
    padding:10px;
    border:1px solid #4a2222;
    background:#1a0d0d;
    color:#efb8b8;
    line-height:1.5;
    font-size:11px;
}

.success-box{
    margin-top:12px;
    padding:10px;
    border:1px solid #234226;
    background:#0f1a10;
    color:#bfe3bf;
    line-height:1.5;
    font-size:11px;
}

.footer-links{
    margin-top:18px;
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    justify-content:center;
    color:#888;
    text-align:center;
}

.status-bar{
    margin-top:16px;
    border:1px solid #2d2d2d;
    background:#111;
    padding:8px 10px;
    color:#9a9a9a;
    font-size:11px;
    text-align:center;
}

.auth-page-intro{
    margin-bottom:4px;
}

.auth-side-card-wrap{
    margin-top:10px;
}

.auth-alert-inline{
    margin-top:0;
}

.auth-inline-form{
    margin:0;
}

.auth-mobile-hide-nav{
    display:table;
}

.auth-status-classic{
    display:none;
}

.field.is-valid,
.field-password.is-valid{
    border-color:#4f8a4f;
    background:#182018;
    color:#dff0df;
}

.field.is-invalid,
.field-password.is-invalid{
    border-color:#9a4d4d;
    background:#201616;
    color:#f0dada;
}

/* Resume card */
.resume-card-form{
    margin:0;
    display:block;
}

.resume-card-button{
    display:block;
    width:100%;
    background:none;
    border:none;
    padding:0;
    text-align:left;
    color:inherit;
}

.resume-card-button:hover .resume-dogtag{
    filter:brightness(1.03);
}

.resume-dogtag{
    position:relative;
    overflow:hidden;
    border:1px solid #5a412f;
    background:
        radial-gradient(circle at 78% 18%, rgba(105,62,35,.18), transparent 18%),
        radial-gradient(circle at 65% 35%, rgba(70,42,24,.10), transparent 30%),
        linear-gradient(180deg, #18110c 0%, #110c08 100%);
    box-shadow:
        inset 0 0 0 1px rgba(120,84,58,.18),
        0 0 16px rgba(0,0,0,.30);
    color:#d9bea0;
}

.resume-dogtag:before{
    content:"";
    position:absolute;
    inset:9px;
    border:1px solid rgba(145,102,73,.58);
    pointer-events:none;
}

.resume-dogtag:after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg, rgba(255,255,255,.015), rgba(255,255,255,0) 18%, rgba(255,255,255,.01) 58%, rgba(255,255,255,0)),
        linear-gradient(180deg, rgba(177,114,70,.05), rgba(0,0,0,0));
    pointer-events:none;
}

.resume-dogtag-stain{
    position:absolute;
    pointer-events:none;
    z-index:0;
    opacity:.16;
    filter:blur(1px);
    background:
        radial-gradient(circle at 30% 30%, rgba(105,42,36,.75), rgba(60,18,16,.24) 55%, transparent 75%);
}

.resume-dogtag-stain-a{
    width:120px;
    height:90px;
    left:-16px;
    bottom:8px;
    transform:rotate(-12deg);
}

.resume-dogtag-inner{
    position:relative;
    z-index:1;
    padding:14px 14px 12px;
    display:flex;
    flex-direction:column;
    min-height:0;
}

.resume-dogtag-corners span{
    position:absolute;
    width:9px;
    height:9px;
    border-radius:50%;
    background:#9b6d4a;
    box-shadow:0 0 0 1px rgba(212,169,129,.14);
}

.resume-dogtag-corners span:nth-child(1){ top:8px; left:8px; }
.resume-dogtag-corners span:nth-child(2){ top:8px; right:8px; }
.resume-dogtag-corners span:nth-child(3){ bottom:8px; left:8px; }
.resume-dogtag-corners span:nth-child(4){ bottom:8px; right:8px; }

.resume-dogtag-name{
    text-align:center;
    font-size:13px;
    line-height:1.18;
    font-weight:700;
    color:#ecd3b2;
    letter-spacing:.1px;
    word-break:break-word;
    margin:4px 28px 12px;
}

.resume-dogtag-divider{
    height:1px;
    background:rgba(145,102,73,.38);
    margin:0 0 12px;
}

.resume-mini-divider{
    height:1px;
    background:rgba(145,102,73,.26);
    margin:12px 22px 10px;
}

.resume-stat-line{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-align:center;
    text-transform:uppercase;
    font-size:8px;
    line-height:1.8;
    letter-spacing:4px;
    color:#ca9e78;
    white-space:nowrap;
}

.resume-stat-line-soft{
    color:#b79070;
    opacity:.78;
}

.resume-stat-line-money{
    color:#e1c29e;
    opacity:.96;
    text-shadow:0 0 7px rgba(180,120,78,.10);
}

.resume-stat-dot{
    display:inline-block;
    width:5px;
    height:5px;
    background:#c38b60;
    transform:rotate(45deg);
    flex:0 0 5px;
    margin:0;
}

.resume-identity-line{
    text-align:center;
    text-transform:uppercase;
    font-size:8px;
    line-height:1.8;
    letter-spacing:3px;
    color:#d0b295;
    opacity:.82;
    margin-bottom:4px;
}

.resume-dogtag-note{
    text-align:center;
    font-size:10px;
    line-height:1.35;
    color:#d5b28d;
    margin-bottom:0;
}

.resume-dogtag-footer{
    margin-top:10px;
    padding-top:8px;
    border-top:1px solid rgba(145,102,73,.38);
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
}

.resume-dogtag-action{
    font-size:8px;
    line-height:1.2;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:700;
    color:#efc9a4;
}

.resume-dogtag-arrow{
    font-size:18px;
    line-height:1;
    color:#c88a5b;
    font-weight:700;
}

.resume-bullet{
    position:absolute;
    pointer-events:none;
    opacity:.78;
}

.resume-bullet-main{
    width:36px;
    height:36px;
    top:16px;
    right:16px;
}

.resume-bullet-two{
    width:24px;
    height:24px;
    top:42px;
    right:48px;
    opacity:.26;
}

.resume-bullet-three{
    width:20px;
    height:20px;
    top:58px;
    right:28px;
    opacity:.18;
}

.resume-bullet-hole{
    position:absolute;
    inset:8px;
    border-radius:50%;
    background:#0f0a07;
    box-shadow:0 0 0 2px rgba(70,40,22,.94);
}

.resume-bullet-ring1{
    position:absolute;
    inset:2px;
    border-radius:50%;
    box-shadow:0 0 0 2px rgba(122,79,49,.42) inset;
}

.resume-bullet-ring2{
    position:absolute;
    inset:-1px;
    border-radius:50%;
    box-shadow:0 0 0 2px rgba(186,128,84,.14) inset;
}

.resume-bullet-dust{
    position:absolute;
    inset:-6px;
    border-radius:50%;
    background:
        radial-gradient(circle at 45% 45%, rgba(155,101,64,.13), transparent 38%),
        radial-gradient(circle at 62% 38%, rgba(155,101,64,.08), transparent 42%);
}

.resume-bullet-crack{
    position:absolute;
    inset:-2px;
    border-radius:50%;
    background:
        linear-gradient(28deg, transparent 45%, rgba(165,111,70,.34) 47%, transparent 49%),
        linear-gradient(82deg, transparent 45%, rgba(165,111,70,.24) 47%, transparent 49%),
        linear-gradient(144deg, transparent 45%, rgba(165,111,70,.24) 47%, transparent 49%),
        linear-gradient(212deg, transparent 45%, rgba(165,111,70,.18) 47%, transparent 49%);
}

/* Quick start fallback */
.quick-start-promo{
    border:1px solid #3c3228;
    background:#111;
    padding:14px;
}

.quick-start-promo-title{
    font-size:18px;
    font-weight:bold;
    margin-bottom:6px;
    color:#fff;
}

.quick-start-promo-copy{
    color:#c9c9c9;
    line-height:1.5;
    font-size:11px;
    margin-bottom:12px;
}

.quick-start-promo-btn{
    min-width:170px;
    background:#222222;
    color:#fff;
}

.quick-start-promo-btn:hover{
    background:#2a2a2a;
}

@media (max-width: 760px){
    body{
        padding:8px;
        background:
            linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.80)),
            url('/assets/images/banner.jpg') center center / cover no-repeat fixed,
            #000;
    }

    .page{
        max-width:none;
    }

    .banner{
        display:none;
    }

    .auth-mobile-hide-nav{
        display:none !important;
    }

    table.container,
    table.default,
    .stack-row,
    .stack-row tbody,
    .stack-row tr,
    .stack-row td{
        display:block;
        width:100% !important;
    }

    table.container{
        border:none;
        background:transparent;
    }

    table.default{
        border:1px solid #242424;
        background:rgba(9,9,9,.82);
        backdrop-filter:blur(2px);
    }

    .outer-pad{
        padding:0 0 8px 0;
    }

    .stack-row td{
        padding:0;
    }

    .content-cell{
        padding:14px;
        background:transparent;
    }

    .auth-side-card-wrap{
        margin-top:0;
    }

    .panel-title{
        font-size:22px;
        margin-bottom:10px;
    }

    .panel-sub{
        margin-bottom:14px;
        font-size:11px;
        line-height:1.55;
    }

    .form-table,
    .form-table tbody,
    .form-table tr,
    .form-table td{
        display:block;
        width:100% !important;
    }

    .form-table tr{
        margin-bottom:10px;
    }

    .form-table td{
        padding:0;
    }

    .form-table td:first-child{
        width:100% !important;
        padding:0 0 6px 0;
        margin:0;
    }

    .field,
    .field-password{
        display:block;
        width:100%;
        max-width:none;
        min-width:0;
        height:42px;
    }

    .submit-row{
        padding-top:4px !important;
    }

    .submit-btn,
    .quick-start-promo-btn{
        display:block;
        width:100%;
        max-width:none;
        min-width:0;
        height:42px;
    }

    .quick-start-promo{
        padding:14px;
    }

    .quick-start-promo-title{
        font-size:18px;
        margin-bottom:8px;
    }

    .quick-start-promo-copy{
        font-size:11px;
        line-height:1.55;
        margin-bottom:12px;
    }

    .footer-links{
        gap:8px;
        line-height:1.5;
        margin-top:14px;
    }

    .status-bar{
        margin-top:12px;
    }

    .resume-dogtag-inner{
        min-height:auto;
        padding:14px 12px 12px;
    }

    .resume-dogtag-name{
        font-size:14px;
        margin-left:16px;
        margin-right:16px;
    }

    .resume-stat-line{
        gap:8px;
        letter-spacing:3px;
        white-space:normal;
        flex-wrap:wrap;
    }
}

@media (max-width: 760px){
    .page,
    table.container,
    table.default,
    .outer-pad,
    .content-cell,
    .form-table,
    .form-table tbody,
    .form-table tr,
    .form-table td,
    .field,
    .submit-btn,
    .quick-start-promo-btn{
        box-sizing:border-box;
    }

    table.container,
    table.default{
        width:100% !important;
        max-width:100% !important;
    }

    .stack-row td{
        width:100% !important;
        max-width:100% !important;
    }

    .outer-pad{
        padding:0 0 8px 0 !important;
    }

    .content-cell{
        padding:14px !important;
        overflow:hidden;
    }

    .form-table{
        width:100% !important;
        table-layout:fixed;
    }

    .form-table tr,
    .form-table td{
        display:block;
        width:100% !important;
        max-width:100% !important;
    }

    .form-table td:first-child{
        padding:0 0 8px 0 !important;
        margin:0 !important;
    }

    .field,
    .field-password{
        display:block;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    .submit-btn,
    .quick-start-promo-btn{
        display:block;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    .footer-links{
        width:100%;
        max-width:100%;
        text-align:center;
    }
}