body{
margin:0;
font-family:system-ui,"Noto Sans JP",sans-serif;
background:#07111f;
color:#fff;
}
.page-shell{min-height:100vh}
.site-header{
height:84px;
display:flex;
justify-content:space-between;
align-items:center;
padding:0 40px;
border-bottom:1px solid rgba(255,255,255,.1);
}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{
width:42px;height:42px;border-radius:13px;
display:grid;place-items:center;
background:#9bb1ff;color:#07111f;font-weight:800;
}
.brand-text{display:flex;flex-direction:column}
.brand-text small,.muted{color:#9eabc0}
.header-badge{
padding:8px 14px;border-radius:999px;
background:rgba(124,156,255,.1);
}
.container{
max-width:900px;
margin:50px auto;
padding:20px;
}
.eyebrow{color:#93adff}
h1{font-size:48px}
.description{color:#9eabc0}
.card{
background:#101f33;
border:1px solid rgba(151,180,219,.16);
border-radius:24px;
padding:28px;
margin-top:20px;
}
.query-box{
display:flex;gap:12px;
}
input{
flex:1;
padding:14px;
border-radius:10px;
border:1px solid #30415d;
background:#07111f;
color:white;
}
button{
padding:14px 24px;
border-radius:10px;
border:0;
}
footer{
text-align:center;
padding:30px;
color:#9eabc0;
}