.feature-page{max-width:1250px;margin:0 auto;padding:45px 24px 80px}.feature-heading{text-align:center;margin:0 0 30px}.feature-heading h1{font:normal clamp(36px,4vw,52px) Georgia,serif;margin:9px 0;color:#fff;text-shadow:0 4px 15px #000}.feature-heading>p:not(.eyebrow){color:#d0f1e1}.feature-panel,.class-card{border:1px solid rgba(133,206,168,.38);border-radius:10px;background:linear-gradient(120deg,rgba(4,35,31,.94),rgba(3,23,24,.87));box-shadow:0 8px 26px #0009;backdrop-filter:blur(6px)}.feature-panel{padding:25px}.feature-panel h2{font:700 23px Georgia,serif;color:#e5c27e;margin:0 0 20px}.class-controls{display:flex;flex-wrap:wrap;align-items:end;gap:15px;margin-bottom:23px;padding:18px;border:1px solid var(--line);border-radius:9px;background:rgba(2,25,22,.88)}.class-controls label{display:flex;flex:1;min-width:210px;flex-direction:column;gap:8px;color:#e5c27e;font-weight:700;font-size:13px}.class-controls input,.class-controls select{width:100%;min-height:42px;border:1px solid #4d806d;border-radius:6px;padding:9px 12px;background:#092b26;color:#fff;font:inherit}.class-controls #class-count{margin:0;color:#b8f5e5;font-weight:700;min-width:110px}.class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.class-card{padding:21px}.class-card[hidden]{display:none}.class-race{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#9ff9d0}.class-card h2{font:700 22px Georgia,serif;color:#e5c27e;margin:9px 0 20px}.class-stages{display:grid;gap:13px}.class-stages div{display:flex;flex-direction:column;gap:4px;border-top:1px solid #ffffff21;padding-top:10px}.class-stages span,.signs-metrics span{color:#a8c9bd;font-size:11px;letter-spacing:.05em}.class-stages strong{font-size:14px;color:#effff7}.feature-disclaimer,.feature-empty{color:#d0e3d9;text-align:center;font-size:12px;margin:25px 0}.feature-notice{padding:25px;background:#2b2116db;border:1px solid #a58a4a;border-radius:9px;text-align:center}.feature-bottom-nav{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:30px auto 0;padding-top:20px;border-top:1px solid #a2f5c438}.feature-bottom-nav a{padding:12px 23px;border:1px solid #80d8b377;border-radius:8px;background:#04251fdf;color:#b8f5e5;font-weight:700}.feature-bottom-nav a:last-child{color:#e5c27e;border-color:#e5c27e88}.feature-bottom-nav a:hover{background:#086247}.signs-grid,.ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.signs-wide{grid-column:1/-1}.signs-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:17px}.signs-metrics>div{display:flex;flex-direction:column;gap:9px;border-left:2px solid #79d8a85c;padding:6px 12px}.signs-metrics strong{font-size:17px;color:#effff7}.ranking-scroll{overflow-x:auto}.ranking-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.ranking-table th{color:#e5c27e;background:#103a31}.ranking-table td,.ranking-table th{padding:12px 9px;border-bottom:1px solid #ffffff20}.ranking-table tbody tr:nth-child(even){background:#ffffff0a}.ranking-table tbody tr:nth-child(-n+3) td:first-child{color:#e5c27e;font-weight:800}@media(max-width:950px){.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-grid{grid-template-columns:1fr}}@media(max-width:620px){.feature-page{padding:25px 14px 70px}.class-grid,.signs-grid{grid-template-columns:1fr}.signs-wide{grid-column:auto}.class-controls{flex-direction:column;align-items:stretch}.class-controls label{min-width:0}.feature-bottom-nav a{flex:1;text-align:center}}