*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.container{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:3rem}.title{font-size:3.5rem;font-weight:700;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.3);margin-bottom:.5rem;letter-spacing:-.02em}.scoreboard{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:2rem}.grade-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 20px 40px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.grade-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #00000026}.grade-header{text-align:center;margin-bottom:1.5rem}.grade-header h2{font-size:1.8rem;font-weight:600;color:#2d3748;text-align:center}.points{text-align:center}.points-number{display:block;font-size:4rem;font-weight:700;color:#2d3748;line-height:1;margin-bottom:.5rem}.points-label{font-size:1rem;color:#718096;text-transform:uppercase;letter-spacing:1px;font-weight:500}@media (max-width: 768px){.container{padding:1rem}.title{font-size:2.5rem}.scoreboard{grid-template-columns:1fr;gap:1.5rem}.grade-card{padding:1.5rem}.points-number{font-size:3rem}}@keyframes pointsUpdate{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.points-update{animation:pointsUpdate .3s ease-in-out}.feedback-section{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.feedback-card{background:#fff;border-radius:20px;padding:2rem 3rem;box-shadow:0 20px 40px #0000001a;width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;margin-top:rem;margin-bottom:2rem}.feedback-section h2{font-size:1.8rem;font-weight:600;color:#2d3748;text-align:center;margin-bottom:1.5rem}.feedback-btn{display:inline-block;background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;font-size:1.5rem;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:1.2rem 2.5rem;border:none;border-radius:999px;box-shadow:0 4px 16px #667eea26;text-decoration:none;transition:background .2s,transform .2s;margin-top:.5rem;margin-bottom:.5rem;text-align:center;line-height:1.2}.feedback-btn:hover,.feedback-btn:focus{background:linear-gradient(90deg,#764ba2,#667eea);transform:translateY(-2px) scale(1.04);text-decoration:none;color:#fff}@media (max-width: 768px){.feedback-card{padding:1.2rem .5rem}.feedback-btn{width:100%;padding:1rem 0;font-size:1rem}}