.search-form{max-width:600px;margin:0 auto;padding:20px;border:1px solid #ddd;border-radius:15px;background-color:#f9f9f9;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:box-shadow .3s ease-in-out}.search-form:hover{box-shadow:0 8px 16px rgba(0,0,0,.2)}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-control{width:100%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:10px;transition:border-color .3s ease-in-out}.form-control:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px rgba(0,123,255,.5)}.btn{display:inline-block;padding:10px 20px;margin-top:10px;color:#fff;background-color:#007bff;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease-in-out}.btn:hover{background-color:#387ac0}@media (max-width:768px){.search-form{padding:15px}.form-control{padding:8px;font-size:14px}.btn{padding:8px 16px;font-size:14px}}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f5f7fa}#app{min-height:100vh;display:flex;flex-direction:column}header{background:linear-gradient(135deg,#409eff,#67c23a);color:#fff;padding:40px 20px;text-align:center;position:relative;overflow:hidden}.header-content{position:relative;z-index:1}header h1{margin:0 0 30px 0;font-size:2.5em;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.statistics-container{margin-top:30px}.statistic-card{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:none;transition:transform .3s ease}.statistic-card:hover{transform:translateY(-5px)}.statistic-item{color:#fff}.el-statistic__title{color:hsla(0,0%,100%,.9);font-size:1.1em}.el-statistic__content{color:#fff;font-size:2em}main{flex:1;padding:40px 20px}.button-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.action-button{min-width:180px;height:50px;font-size:16px;transition:all .3s ease;margin-left:12px}.action-button:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.content-container{background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);padding:30px;margin-top:20px}.search-container,footer{padding:20px}footer{background:linear-gradient(135deg,#409eff,#67c23a);color:#fff;text-align:center}.footer-content{max-width:800px;margin:0 auto}.disclaimer{font-size:.9em;margin-bottom:10px;opacity:.9}.copyright{font-size:.8em;opacity:.8}.student-buttons{display:flex;flex-wrap:wrap;justify-content:center}@media (max-width:768px){header{padding:20px 10px}header h1{font-size:1.8em}.button-container{flex-direction:column}.action-button{width:100%}.content-container{padding:15px}.statistic-card{margin-bottom:15px}}.el-button{position:relative;overflow:hidden}.el-button:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:hsla(0,0%,100%,.5);opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.el-button:active:after{animation:ripple .6s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(20);opacity:0}}