.snt-bento{--navy:#1e3a5f;--navy-2:#2b5c86;--teal:#5dd4c4;--teal-dark:#0e9e8e;--mint:#e8f8f5;--cream:#faf7f2;--ink:#1e3a5f;--gray:#6b7280;--line:#e5e7eb;box-sizing:border-box;background:#f5f5f5;padding:56px 40px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.snt-bento *,.snt-bento :before,.snt-bento :after{box-sizing:border-box;margin:0}.snt-bento .bg-head{text-align:center;max-width:760px;margin:0 auto 40px}.snt-bento .bg-head h2{color:var(--navy);letter-spacing:-.5px;font-size:40px;font-weight:800}.snt-bento .bg-head p{color:var(--gray);margin-top:10px;font-size:18px;line-height:1.5}.snt-bento .bg-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(224px,auto);gap:18px;max-width:1480px;margin:0 auto;display:grid}.snt-bento .tile{background:#fff;border-radius:24px;flex-direction:column;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.snt-bento .tile h3{color:var(--ink);font-size:22px;font-weight:700;line-height:1.25}.snt-bento .tile p{color:var(--gray);margin-top:8px;font-size:14.5px;line-height:1.5}.snt-bento .chip{color:var(--teal-dark);background:var(--mint);border-radius:999px;align-items:center;gap:6px;width:fit-content;margin-bottom:12px;padding:5px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.snt-bento .t-hero{background:linear-gradient(135deg, var(--navy), var(--navy-2));grid-area:span 2/span 2}.snt-bento .t-hero .chip{color:var(--teal);background:#ffffff1f}.snt-bento .t-hero h3{color:#fff;letter-spacing:-.5px;font-size:38px}.snt-bento .t-hero p{color:#ffffffc7;max-width:330px;font-size:17px}.snt-bento .pills{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.snt-bento .pills span{color:#fff;background:#ffffff21;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.snt-bento .swipe-card{background:#fff;border-radius:18px;width:240px;padding:16px;position:absolute;bottom:26px;right:28px;transform:rotate(4deg);box-shadow:0 18px 40px #00000059}.snt-bento .swipe-card .row{align-items:center;gap:12px;display:flex}.snt-bento .avatar{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:flex}.snt-bento .swipe-card b{color:#16263b;font-size:15.5px;display:block}.snt-bento .swipe-card small{color:var(--gray);font-size:12.5px}.snt-bento .swipe-card .acts{border-top:1px solid var(--line);gap:10px;margin-top:14px;padding-top:12px;display:flex}.snt-bento .swipe-card .acts i{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-style:normal;font-weight:700;display:flex}.snt-bento .i-worst{color:#fff;background:#c0392b}.snt-bento .i-bad{color:#c0392b;background:#fde8e8}.snt-bento .i-top{color:#fff;background:#16a34a}.snt-bento .i-good{color:#15803d;background:#dcfce7}.snt-bento .swipe-card .attrow{gap:8px;margin-top:10px;display:flex}.snt-bento .swipe-card .att{white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:600}.snt-bento .a-late{color:#b7791f;background:#fef3e2}.snt-bento .a-unex{color:#c0392b;background:#fde8e8}.snt-bento .t-privacy{background:var(--mint);grid-column:span 2}.snt-bento .t-privacy .badges{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.snt-bento .t-privacy .badges span{color:var(--teal-dark);background:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.snt-bento .t-points{background:var(--navy)}.snt-bento .t-points h3,.snt-bento .t-points p{color:#fff}.snt-bento .t-points p{color:#ffffffbf}.snt-bento .pts{align-items:baseline;gap:8px;margin-top:auto;display:flex}.snt-bento .pts b{color:var(--teal);letter-spacing:-1px;font-size:52px;font-weight:800}.snt-bento .pts span{color:#ffffffb3;font-size:17px;font-weight:600}.snt-bento .t-exams{grid-column:span 2}.snt-bento .exam-visual{align-items:stretch;gap:14px;margin-top:auto;display:flex}.snt-bento .key{flex:1;gap:8px;display:flex}.snt-bento .key-row{background:var(--mint);text-align:center;border-radius:12px;flex:1;padding:6px 4px}.snt-bento .key-row b{color:var(--navy);font-size:19px;font-weight:800;display:block}.snt-bento .key-row span{color:var(--teal-dark);font-size:11.5px;font-weight:600}.snt-bento .exam-stat{background:var(--navy);border-radius:14px;flex-direction:column;justify-content:center;min-width:150px;padding:8px 14px;display:flex}.snt-bento .exam-stat small{color:#ffffffa6;font-size:11px}.snt-bento .exam-stat b{color:var(--teal);font-size:26px;font-weight:800}.snt-bento .stat{align-items:center;gap:10px;margin-top:auto;display:flex}.snt-bento .tt{grid-template-columns:repeat(5,1fr);gap:5px;margin-top:auto;display:grid}.snt-bento .tt i{background:var(--mint);border-radius:5px;height:16px}.snt-bento .tt i.f{background:var(--teal)}.snt-bento .tt i.n{background:var(--navy)}.snt-bento .t-school{background:var(--cream);grid-column:span 2}.snt-bento .t-school .ava-row{align-items:center;margin-top:auto;display:flex}.snt-bento .t-school .ava-row .avatar{border:3px solid var(--cream);width:44px;height:44px;margin-right:-10px;font-size:14px}.snt-bento .t-school .ava-row .avatar:nth-child(2){background:linear-gradient(135deg, var(--navy), var(--navy-2))}.snt-bento .t-school .ava-row .avatar:nth-child(3){background:linear-gradient(135deg,#e8b56a,#b07b1f)}.snt-bento .t-school .ava-row .avatar:nth-child(4){background:linear-gradient(135deg,#c98666,#8c4e30)}.snt-bento .t-school .ava-row .more{color:var(--gray);margin-left:22px;font-size:14px;font-weight:600}.snt-bento .doc{gap:10px;margin-top:auto;display:flex}.snt-bento .doc span{border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700}.snt-bento .doc .pdf{color:#c0392b;background:#fde8e8}.snt-bento .doc .xls{background:var(--mint);color:var(--teal-dark)}.snt-bento .plat{gap:10px;margin-top:auto;display:flex}.snt-bento .plat span{color:var(--navy);border:1.5px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:700;display:inline-flex}.snt-bento .plat span svg{flex:none;width:15px;height:15px;display:block}.snt-bento .t-platforms{background:var(--cream)}@media (width<=1080px){.snt-bento .bg-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(210px,auto)}.snt-bento .t-hero{grid-column:span 2}}@media (width<=640px){.snt-bento{padding:36px 16px}.snt-bento .bg-grid{grid-template-columns:1fr;grid-auto-rows:auto}.snt-bento .tile{min-height:180px}.snt-bento .t-hero,.snt-bento .t-privacy,.snt-bento .t-school,.snt-bento .t-exams{grid-column:span 1}.snt-bento .exam-visual{flex-direction:column}.snt-bento .swipe-card{width:100%;margin-top:18px;position:static;transform:rotate(0)}.snt-bento .bg-head h2{font-size:30px}}