.classroom{background:radial-gradient(circle at 85% 15%,rgba(255,43,214,.08),transparent 28%),#0d0816;border-block:1px solid var(--line)}.classroom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.classroom-card{min-height:330px;padding:1.5rem;display:flex;flex-direction:column;position:relative;background:linear-gradient(145deg,rgba(21,12,38,.98),rgba(10,6,22,.98));border:1px solid var(--line);color:var(--white);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);transition:.2s}.classroom-card:before{content:"";position:absolute;left:14px;top:0;width:55px;height:2px;background:var(--pink);box-shadow:0 0 10px var(--pink)}.classroom-card:hover{transform:translateY(-5px);border-color:var(--cyan);box-shadow:0 0 25px rgba(180,85,255,.1)}.classroom-primary{background:linear-gradient(145deg,rgba(36,21,52,.96),rgba(10,6,22,.98));border-color:rgba(255,176,0,.4)}.classroom-primary:before{background:var(--acid);box-shadow:0 0 10px var(--acid)}.classroom-wide{grid-column:span 2}.classroom-no{font:500 .55rem var(--mono);color:var(--cyan)}.classroom-card>i{font:400 2rem var(--mono);color:var(--pink);font-style:normal;margin:2.4rem 0 1.2rem;text-shadow:0 0 12px rgba(255,43,214,.45)}.classroom-primary>i{color:var(--acid);text-shadow:0 0 12px rgba(255,176,0,.35)}.classroom-card h3{font-size:1.2rem;text-transform:uppercase;margin:0 0 .55rem;letter-spacing:-.03em}.classroom-card p{font-size:.76rem;color:#968db1;margin:0}.classroom-card>b{display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);font:700 .62rem var(--mono);color:var(--acid);text-transform:uppercase}.classroom-note{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.2rem;border:1px solid rgba(255,176,0,.2);background:rgba(255,176,0,.025)}.classroom-note>span{font:700 .58rem var(--mono);color:#0a0616;background:var(--acid);padding:.35rem .5rem}.classroom-note p{font-size:.72rem;color:#9188ac;margin:0}.classroom-note a{color:var(--cyan)}@media(max-width:950px){.classroom-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.classroom-grid{grid-template-columns:1fr}.classroom-wide{grid-column:span 1}.classroom-card{min-height:280px}.classroom-note{align-items:flex-start;flex-direction:column}}