@font-face{
font-family:"Sora";
font-style:normal;
font-weight:400 800;
font-display:swap;
src:url(fonts/sora.woff2) format("woff2");
}
.look{
--ff1:"Sora",system-ui,sans-serif;
--hw1:800;
--hw2:var(--hw1);
--fh1:clamp(48px,6.6vw,92px);
--ac1:#ffcf33;
--bt4:#0b0b0f;
color-scheme:dark;
--bg1:#153e96;
--bg2:#103383;
--bg3:#0c2a70;
--tx1:#f2f5ff;
--tx2:#e6ecff;
--tx3:#0b0b0f;
--cl1:#ffe08a;
--cl2:#f2f5ff;
--cl3:#f2f5ff;
--rd1:#ffd6d6;
--gn1:#b8f5cb;
--am1:#ffe08a;
--rt1:#45203f;
--at1:#3a3524;
--gt1:#0f4232;
--gt2:#12503a;
--dk2:#1d4aa8;
--ac2:#ffcf33;
--bt1:#ffcf33;
--bt2:#0b0b0f;
--bt3:#f2f5ff;
--hl1:#ffcf33;
--hl2:#0b0b0f;
--sg1:#f2f5ff;
--sg2:#0b0b0f;
--sg3:#ffcf33;
--sg4:#0b0b0f;
}
.look .site-head{
background:none;
color:var(--tx1);
}
.look .intro,
.look .band{
--tx1:inherit;
--tx2:inherit;
--cl3:inherit;
background:none;
border-image:none;
color:var(--tx1);
}
.look .intro{
display:flex;
flex-direction:column;
justify-content:center;
min-height:max(480px,calc(100svh - 190px));
padding:64px 0 var(--gp3);
}
.look .intro ::selection,
.look .band ::selection{
background:var(--cl1);
color:var(--tx3);
}
.look .intro .check-input::selection{
background:var(--tx1);
color:var(--bg1);
}
.look .hero{
font-weight:var(--hw2);
letter-spacing:-0.05em;
}
.look .hero em{
padding:0 .12em;
background:var(--hl1);
color:var(--hl2);
}
.look .start{
--sf1:color-mix(in srgb,var(--bg1) 80%,#000);
--sf2:color-mix(in srgb,var(--bg1) 70%,#000);
width:100%;
}
.look .check-input{
background:var(--sf1);
color:var(--tx1);
}
.look .check-input::placeholder{
color:var(--tx2);
}
.look .check-input:focus{
outline:none;
background:var(--sf2);
}
.look .check-clear{
color:var(--tx1);
}
.look .check-clear:hover{
background:var(--sf2);
}
.look .check-clear:focus-visible{
outline-color:var(--tx1);
}
.look .intro .check-button,
.look .band .band-button,
.look .big-button{
background:var(--bt1);
color:var(--bt2);
}
.look .intro .check-button:hover,
.look .band .band-button:hover,
.look .big-button:hover{
background:var(--bt3);
color:var(--bt4);
text-decoration:none;
}
.look .sign-in{
background:var(--sg1);
color:var(--sg2);
}
.look .sign-in:hover,
.look .sign-in:focus-visible{
background:var(--sg3);
color:var(--sg4);
text-decoration:none;
}
.look .band{
padding:0;
}
.look main:has(>.band:last-child)+.site-foot{
margin-top:var(--gp4);
}
.look .page p a:not(.band-button),
.look .page li a:not(.band-button){
padding:15px 0;
}
.look .site-foot{
justify-content:center;
}
.look .brand-name{
color:var(--tx1);
display:inline-flex;
align-items:baseline;
font-weight:800;
letter-spacing:-0.04em;
}
.look .brand-name span{
color:var(--ac2);
}
.look .page>.big-head{
margin-left:auto;
margin-right:auto;
text-align:center;
}
.look .looks li{
align-items:center;
text-align:center;
}
.look .band{
grid-template-columns:1fr;
justify-items:center;
text-align:center;
}
.look .band .big-head{
max-width:760px;
}
.look .band-text{
max-width:680px;
}
.look .page>.looks{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:12px;
max-width:920px;
margin-left:auto;
margin-right:auto;
}
.look .looks li{
padding:10px 22px;
border-radius:var(--br9);
background:var(--bg2);
}
.look .looks li::before,
.look .looks span{
display:none;
}
.look .looks strong{
font-size:var(--fz2);
}
@media (min-width:600px){
.look .check{
flex-direction:row;
align-items:flex-end;
gap:12px;
}
.look .check-field{
flex:1;
}
.look .check-label>span:first-child{
padding-left:0;
}
}
@media (min-width:900px){
.look .site-head-in{
display:flex;
justify-content:space-between;
gap:0 28px;
}
}
@media (max-width:599px){
.look .check{
align-items:stretch;
}
}
.look .menu-list{
background:var(--bg3);
color:var(--tx1);
}
.look .menu-list a:focus-visible{
outline-color:var(--tx1);
}
.look .intro .check-button:hover,
.look .band .band-button:hover,
.look .big-button:hover{
color:var(--bt2);
}