.classification-page{padding-top:18px}.classification-hero{display:grid;grid-template-columns:1.04fr .96fr;gap:42px;align-items:center;padding:56px 52px;border-radius:24px;background:linear-gradient(135deg,#e9eaff,#fafaff 56%,#e1f8f2)}.classification-hero h1{margin:0 0 17px;font-size:clamp(44px,5vw,68px);line-height:1.04;letter-spacing:-3px}.classification-hero p:not(.eyebrow){max-width:720px;color:var(--muted);font-size:19px}.classification-hero .button{margin-top:20px}.class-hero-visual{padding:27px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.class-score{display:grid;grid-template-columns:1fr auto;gap:11px;align-items:center;margin:12px 0}.class-score b{font-size:17px}.class-score span{font:800 15px 'DM Mono',monospace}.class-score-track{grid-column:1/-1;height:13px;overflow:hidden;border-radius:999px;background:#edf0f6}.class-score-track i{display:block;height:100%;border-radius:inherit;background:#4e46e5}.class-score:nth-child(3) .class-score-track i{background:#19a987}.class-score:nth-child(4) .class-score-track i{background:#e06c37}.class-decision{display:flex;justify-content:space-between;gap:14px;margin-top:22px;padding:16px;border-radius:10px;background:#272e47;color:#fff}.class-decision span{color:#9cebdc}.classification-section{margin-top:78px}.classification-section>.narrative-head{max-width:820px}.class-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.class-card{padding:27px;background:#fff;border:1px solid var(--line);border-radius:14px}.class-card h3{margin:0 0 8px;font-size:25px}.class-card p{color:var(--muted);font-size:17px}.class-equation{margin-top:17px;padding:18px 20px;border-radius:10px;background:#272e47;color:#fff;font:700 17px/1.75 'DM Mono',monospace;overflow:auto}.class-flow{display:grid;grid-template-columns:repeat(7,auto);gap:10px;align-items:center;padding:25px;background:#272e47;border-radius:14px;color:#fff}.class-flow article{min-height:110px;padding:18px;background:#353d59;border-radius:9px}.class-flow b,.class-flow span{display:block}.class-flow b{color:#9cebdc;font-size:18px}.class-flow span{margin-top:7px;color:#d7dbea}.class-flow>i{color:#8d85ff;font-size:23px}.classification-types{display:grid;gap:18px}.classification-type{display:grid;grid-template-columns:88px 1fr 310px;gap:23px;align-items:start;padding:29px;background:#fff;border:1px solid var(--line);border-radius:15px}.class-type-number{display:grid;place-items:center;width:64px;height:64px;border-radius:17px;background:#ecebff;color:#4e46e5;font:900 24px 'DM Mono',monospace}.classification-type:nth-child(2) .class-type-number,.classification-type:nth-child(5) .class-type-number{background:#e2f8f2;color:#12836e}.classification-type:nth-child(3) .class-type-number{background:#fff0e5;color:#b8582e}.classification-type h3{margin:0 0 7px;font-size:27px}.classification-type p{color:var(--muted);font-size:17px}.class-example{padding:17px;border-radius:10px;background:#f3f4fa}.class-example b{display:block;margin-bottom:8px;color:#4e46e5}.class-example code{display:block;color:#303a52;font:700 14px/1.65 'DM Mono',monospace;white-space:normal}.class-labels{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.class-labels span{padding:7px 10px;border-radius:999px;background:#ecebff;color:#4e46e5;font-size:13px;font-weight:800}.class-note{margin-top:15px;padding:14px 16px;border-left:4px solid #4e46e5;background:#f0efff;color:#454e68;border-radius:0 8px 8px 0}.threshold-demo{display:grid;grid-template-columns:1fr 1fr;gap:17px}.threshold-panel{padding:27px;background:#fff;border:1px solid var(--line);border-radius:14px}.threshold-panel h3{margin:0 0 8px;font-size:25px}.threshold-panel>p{color:var(--muted)}.threshold-line{position:relative;height:66px;margin:28px 8px 16px;border-top:12px solid #dfe4ef;border-radius:999px}.threshold-line:before{content:'';position:absolute;left:0;top:-12px;width:72%;height:12px;border-radius:999px;background:#4e46e5}.threshold-line .score-dot{position:absolute;left:72%;top:-24px;width:36px;height:36px;transform:translateX(-50%);border:5px solid #fff;border-radius:50%;background:#4e46e5;box-shadow:0 2px 10px #aab0c2}.threshold-line .limit{position:absolute;left:50%;top:-28px;height:47px;border-left:3px dashed #e06c37}.threshold-line .limit b{position:absolute;top:48px;left:-35px;width:75px;color:#b8582e;font-size:13px;text-align:center}.threshold-result{padding:14px;border-radius:9px;background:#e5f8f3;color:#176b5a;text-align:center;font-weight:850}.confusion-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.confusion-matrix{display:grid;grid-template-columns:115px repeat(2,1fr);gap:5px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px}.confusion-matrix div{display:grid;place-items:center;min-height:82px;padding:10px;border-radius:8px;background:#f3f4fa;text-align:center}.confusion-matrix .matrix-head{min-height:52px;background:#272e47;color:#fff;font-weight:800}.confusion-matrix .matrix-good{background:#dcf7ef;color:#126c59}.confusion-matrix .matrix-bad{background:#fff0e5;color:#9e4924}.confusion-matrix strong{display:block;font-size:25px}.metric-list{display:grid;gap:10px}.metric-row{display:grid;grid-template-columns:130px 1fr 90px;gap:13px;align-items:center;padding:15px 17px;background:#fff;border:1px solid var(--line);border-radius:10px}.metric-row b{font-size:17px}.metric-row code{color:#4c5770;font:650 14px 'DM Mono',monospace}.metric-row span{color:#4e46e5;font:850 17px 'DM Mono',monospace;text-align:right}.class-table{overflow:auto;border:1px solid var(--line);border-radius:13px}.class-table table{width:100%;border-collapse:collapse;background:#fff;font-size:16px}.class-table th,.class-table td{min-width:165px;padding:17px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.class-table th{background:#ecebff;color:#4e46e5}.class-table tr:last-child td{border-bottom:0}.class-table td p{margin:5px 0;color:var(--muted)}.imbalance-example{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;padding:25px;background:#fff4e9;border-left:5px solid #e06c37;border-radius:0 12px 12px 0}.imbalance-example div{padding:18px;background:#fff;border-radius:10px}.imbalance-example b{display:block;font-size:22px}.imbalance-example span{color:var(--muted)}.imbalance-example>i{color:#e06c37;font-size:25px}.classification-closing{margin-top:72px}@media(max-width:1050px){.classification-hero,.confusion-wrap{grid-template-columns:1fr}.classification-type{grid-template-columns:75px 1fr}.class-example{grid-column:2}.class-flow{grid-template-columns:1fr}.class-flow>i{transform:rotate(90deg);text-align:center}}@media(max-width:760px){.classification-hero{padding:38px 23px}.classification-hero h1{font-size:42px}.class-two,.threshold-demo{grid-template-columns:1fr}.classification-type{grid-template-columns:1fr;padding:22px}.class-example{grid-column:auto}.class-type-number{width:54px;height:54px}.confusion-matrix{grid-template-columns:86px repeat(2,1fr);padding:11px}.confusion-matrix div{min-height:73px;font-size:13px}.metric-row{grid-template-columns:1fr}.metric-row span{text-align:left}.imbalance-example{grid-template-columns:1fr}.imbalance-example>i{transform:rotate(90deg);text-align:center}}