.home-main {
max-width:1120px;
margin:auto}

.home-hero {
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
padding:86px 20px 75px}

.hero-kicker {
font-size:11px;
color:var(--muted);
letter-spacing:.12em;
margin-bottom:23px}

.home-hero h1 {
font-size:clamp(30px,3.5vw,46px);
letter-spacing:-.035em;
line-height:1.5}

.home-hero h1 span {
color:var(--blue)}

.hero-description {
color:var(--muted);
font-size:15px;
margin:17px 0 35px}

.search-form {
max-width:740px;
width:100%;
margin-top:28px;
text-align:left}

.search-input {
display:flex;
align-items:center;
gap:14px;
padding:8px 8px 8px 21px;
background:var(--surface);
border:1px solid var(--line);
border-radius:18px;
box-shadow:0 12px 45px rgba(61,87,136,.075);
transition:box-shadow .25s,border-color .25s,transform .3s var(--ease)}

.search-input:focus-within {
border-color:var(--blue);
box-shadow:0 0 0 5px var(--blue-soft);
transform:translateY(-2px)}

.search-region {
display:flex;
align-items:center;
gap:8px;
font-size:12px;
white-space:nowrap;
color:var(--muted);
border-right:1px solid var(--line);
padding-right:17px}

.search-region .icon {
height:13px;
width:13px;
transform:rotate(90deg)}

.search-input>.icon {
width:20px;
color:var(--muted)}

.search-input input {
height:45px;
min-height:0;
flex:1;
padding:0;
border:0;
background:transparent;
box-shadow:none;
outline:none;
font-size:14px}

.search-input .button {
min-height:48px;
padding:12px 22px;
border-radius:12px}

.search-input .button .icon {
height:17px;
width:17px}

.search-hint {
display:flex;
justify-content:space-between;
font-size:11px;
color:var(--muted);
padding:12px 5px;
gap:12px}

.hero-links {
display:flex;
align-items:center;
gap:20px;
margin-top:17px;
font-size:12px;
color:var(--muted)}

.hero-links a {
display:flex;
align-items:center;
gap:7px}

.hero-links a:hover {
color:var(--blue)}

.hero-links .icon {
height:15px;
width:15px}

.hero-links>span {
width:1px;
height:12px;
background:var(--line)}

.hero-features {
display:flex;
gap:25px;
margin-top:31px;
color:var(--muted);
font-size:11px}

.hero-features>span {
display:flex;
align-items:center;
gap:6px}

.hero-features .icon {
width:13px;
height:13px;
color:var(--green)}

.home-content {
padding-top:14px}

.home-content>.section-heading h2 {
font-size:21px;
margin-top:7px}

.section-description {
font-size:12px;
color:var(--muted)}

.feature-grid {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px}

.feature-card {
display:block;
padding:19px 22px 18px;
background:var(--glass);
border:1px solid var(--line);
border-radius:20px;
box-shadow:var(--shadow);
transition:transform .35s var(--ease),box-shadow .3s,border-color .3s}

.feature-card:hover {
transform:translateY(-5px);
border-color:var(--blue);
box-shadow:0 16px 36px rgba(65,83,124,.075)}

.feature-icon {
display:inline-grid;
place-items:center;
width:36px;
height:36px;
border-radius:14px;
background:var(--blue-soft);
color:var(--blue);
flex-shrink:0}

.feature-icon.mint {
background:var(--green-soft);
color:var(--green)}

.feature-icon.amber {
background:color-mix(in srgb,var(--gold) 12%,var(--surface));
color:var(--gold)}

.feature-card h3 {
font-size:16px;
display:inline-block;
vertical-align:middle;
margin:0 0 8px 10px}

.feature-card p {
    font-size: 12px;
    line-height: 1.65;
    margin: 0;
    color: var(--muted);
}

.feature-action {
display:flex;
align-items:center;
justify-content:space-between;
color:var(--blue);
font-size:12px;
margin-top:14px}

.feature-action .icon {
width:16px;
height:16px}

.home-bottom-grid {
display:grid;
grid-template-columns:1.3fr 1fr;
gap:38px;
margin-top:34px;
padding-top:28px;
border-top:1px solid var(--line)}

.recent-section .section-heading h2 {
font-size:14px;
display:flex;
align-items:center;
gap:8px}

.recent-section .section-heading h2 .icon {
width:16px;
color:var(--muted)}

.empty-inline {
display:flex;
align-items:center;
gap:15px;
padding:15px 0}

.empty-icon {
display:grid;
place-items:center;
width:44px;
height:44px;
border-radius:14px;
background:var(--subtle);
color:var(--muted);
flex-shrink:0}

.empty-inline h3 {
font-size:12px;
margin-bottom:5px}

.empty-inline p {
font-size:11px;
color:var(--muted)}

.empty-inline>.text-link {
margin-left:auto;
white-space:nowrap}

.home-tip {
display:flex;
gap:17px;
padding-left:25px;
border-left:1px solid var(--line);
align-items:flex-start}

.home-tip h3 {
font-size:14px;
margin-bottom:9px}

.home-tip p {
font-size:12px;
color:var(--muted);
line-height:1.95;
margin-bottom:10px}

.home-tip code {
color:var(--text);
font:11px var(--mono)}

.recent-list>a {
display:flex;
align-items:center;
gap:12px;
padding:10px 0}

.recent-list>a>.icon {
margin-left:auto;
width:15px;
color:var(--muted)}

.recent-list strong,.recent-list small {
display:block}

.recent-list strong {
font-size:12px;
font-weight:500}

.recent-list small {
font-size:10px;
color:var(--muted);
margin-top:3px}