body{margin:0;}
header{display:block;}
input{color:inherit;font:inherit;margin:0;}
input[type="submit"]{cursor:pointer;}
input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}
.row{margin-left:-15px;margin-right:-15px;}
.col-md-6{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}
@media (min-width: 992px){
.col-md-6{float:left;}
.col-md-6{width:50%;}
}
.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table;}
.container-fluid:after,.row:after{clear:both;}
.pull-left{float:left!important;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* Theme tokens with system-aware dark mode */
:root{
--bg:#fff;
--panel:#fff;
--text:#333;
--muted:#6a7989;
--accent:#006272;
--input-bg:#f0f0f0;
--input-text:#333;
--label:#999;
--button-bg:#006272;
--button-text:#fff;
--button-hover-bg:#0b7c8f;
--button-hover-text:#fff;
}
@media (prefers-color-scheme: dark){
:root{
--bg:#0f172a;
--panel:#111827;
--text:#e5e7eb;
--muted:#94a3b8;
--accent:#38bdf8;
--input-bg:#1f2937;
--input-text:#e5e7eb;
--label:#94a3b8;
--button-bg:#38bdf8;
--button-text:#0b1229;
--button-hover-bg:#63d6ff;
--button-hover-text:#0b1229;
}
}
:root{color-scheme:light dark;}
body{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;line-height:1.42857143;color:var(--text);background-color:var(--bg);}
input{font-family:inherit;font-size:inherit;line-height:inherit;}
.left-side{position:relative;min-height:100vh;text-align:center;background:#000 url(../img/bg.jpg) no-repeat center;background-size:cover;}
.left-side header{position:relative;margin-top:80px;}
.left-side header span{margin-bottom:6px;display:block;font-family:'lato', sans-serif;text-transform:uppercase;font-size:13px;color:#FFF;letter-spacing:0.12em;}
.left-side header h3{margin:0;font-family:'Playfair Display', serif;font-size:54px;font-weight:400;line-height:72px;letter-spacing:0.01em;color:#FFF;}
.right-side{position:relative;padding:120px 120px 100px 120px;height:100vh;background:var(--panel);}
.right-side .input{margin-top:0;margin-left:0;}
.right-side .input input{font-size:14px;}
.right-side .cta{margin-top:40px;}
.right-side .cta .btn{padding:13px 25px;border:none;color:var(--button-text);display:inline-block;background:var(--button-bg);font-family:'lato', sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:0.12em;border-radius:24px;}
.right-side .cta .btn:hover{-webkit-transition:0.2s ease-in;-o-transition:0.2s ease-in;transition:0.2s ease-in;background:var(--button-hover-bg);color:var(--button-hover-text);}
.input{position:relative;z-index:1;display:inline-block;margin:1em;max-width:350px;width:calc(100% - 2em);vertical-align:top;}
.input__field{position:relative;display:block;float:right;padding:0.8em 0.8em 0.8em 0;width:60%;border:none;border-radius:0;background:var(--input-bg);color:var(--input-text);font-weight:bold;font-family:'lato', sans-serif;}
.input__field:focus{outline:none;}
.input__label{display:inline-block;padding:0 1em;width:40%;color:var(--muted);font-weight:bold;font-size:70.25%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.input--hoshi{overflow:hidden;max-width:none;width:100%;font-family:'lato', sans-serif;}
.input__field--hoshi{margin-top:1em;padding:1.5em 0.15em 1.5em 0;width:100%;background:transparent;color:var(--input-text);}
.input__label--hoshi{position:absolute;bottom:0;left:0;padding:0;width:100%;height:calc(100% - 1em);text-align:left;pointer-events:none;font-family:'lato', sans-serif;text-transform:uppercase;font-size:13px;color:var(--label);letter-spacing:0.12em;}
.input__label--hoshi::before,.input__label--hoshi::after{content:'';position:absolute;top:0;left:0;width:100%;height:calc(100% - 10px);border-bottom:1px solid rgba(224,224,224,0.6);}
.input__label--hoshi::after{margin-top:1.5px;border-bottom:2px solid var(--accent);-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.input__label--hoshi-color-3::after{border-color:var(--accent);}
.input__field--hoshi:focus + .input__label--hoshi::after{-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/playfairdisplay/v25/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDTbtXK-F2qC0usEw.woff) format('woff');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/playfairdisplay/v25/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDYbtXK-F2qC0usEw.woff) format('woff');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/playfairdisplay/v25/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDZbtXK-F2qC0usEw.woff) format('woff');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/playfairdisplay/v25/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtXK-F2qC0s.woff) format('woff');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
.text-danger {
    color: #dc3545;
}
.status-link {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: var(--button-bg);
    font-family:'lato', sans-serif;
    color: var(--button-text);
    padding: 13px 25px;
    text-decoration: none;
    border-radius: 25px;
    letter-spacing:0.12em;
    font-size:13px;
    text-transform:uppercase;
    border:none;
    display:inline-block;
}

.status-link:hover {
    background-color: var(--button-hover-bg);
    color: var(--button-hover-text);
}
.info-block {
    background: var(--panel);
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 16px;
    padding: 44px;
    margin-bottom: 40px;
    width: 100%;
    max-width: 100%;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}
.info-block h4 {
    margin: 0 0 16px 0;
    font-family:'lato', sans-serif;
    letter-spacing:0.08em;
    text-transform:uppercase;
    font-size:14px;
    color:var(--muted);
}
.info-list {
    list-style: none;
    padding-left: 0;
    margin: 0 0 12px 0;
    color: var(--text);
    line-height: 1.6;
}
.info-list .label {
    display: block;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 2px;
}
.info-list li {
    margin-bottom: 6px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.muted {
    color: var(--muted);
    font-size: 13px;
}
.step-list {
    padding-left: 18px;
    margin: 0 0 16px 0;
    line-height: 1.6;
    list-style-position: outside;
}
.step-list li {
    margin-bottom: 8px;
}
.image-placeholder {
    border: 1px dashed rgba(0,0,0,0.2);
    border-radius: 12px;
    padding: 16px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.6;
    background: var(--bg);
}
.lead {
    margin: 0 0 12px 0;
    font-size: 15px;
    color: var(--muted);
}
.info-table {
    width: 100%;
    border-collapse: collapse;
    margin: 8px 0 14px 0;
}
.info-table th {
    width: 32%;
    text-align: left;
    padding: 10px 12px;
    font-size: 13px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--muted);
    vertical-align: top;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.info-table td {
    padding: 10px 12px;
    color: var(--text);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
@media (prefers-color-scheme: dark){
    .info-table th, .info-table td{
        border-bottom:1px solid rgba(255,255,255,0.08);
    }
}
.top-nav {
    display: none;
}
.top-nav a {
    text-decoration: none;
}
/* Info page overrides */
body.info-page {background:var(--bg);}
body.info-page html, body.info-page {height:auto; overflow:auto;}
body.info-page .left-side{
    position:fixed;
    top:0;
    left:0;
    width:50%;
    min-height:100vh;
}
body.info-page .right-side{
    margin-left:50%;
    width:50%;
    padding:0 150px 120px 150px;
    min-height:100vh;
    max-height:100vh;
    overflow-y:auto;
    background:var(--panel);
    scroll-padding-top: 100px;
}
@media (prefers-color-scheme: dark){
    body.info-page .right-side{
        background:var(--panel);
    }
}
body.info-page .container-fluid, body.info-page .row {height:100%;}
body.info-page .info-block{
    width:calc(100% + 300px);
    max-width:calc(100% + 300px);
    margin-left:-150px;
    box-shadow:0 15px 45px rgba(0,0,0,0.08);
    scroll-margin-top:90px;
    padding:40px;
}
body.info-page .top-nav{
    position:sticky;
    top:0;
    z-index:5;
    padding:16px 18px 12px 18px;
    margin-bottom:24px;
    background:var(--panel);
    display:flex;
    gap:12px;
    width:calc(100% + 300px);
    max-width:calc(100% + 300px);
    margin-left:-150px;
    border:0;
    border-radius:0;
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
}
@media (prefers-color-scheme: dark){
    body.info-page .top-nav{
        border:0;
    }
}
body.info-page .top-nav a{
    padding:10px 10px;
    font-weight:700;
    font-size:13px;
    letter-spacing:0.04em;
    text-transform:uppercase;
    text-decoration:none;
    color:var(--text);
    border-radius:0;
    white-space:nowrap;
    border-bottom:2px solid transparent;
}
body.info-page .top-nav a:hover{
    color:var(--accent);
    border-bottom-color:var(--accent);
}
@media (prefers-color-scheme: dark){
    body.info-page .top-nav a{
        border-bottom-color:transparent;
    }
}
body.info-page .top-nav a.active{
    color:var(--accent);
    border-bottom-color:var(--accent);
}
