@import "https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400;700;800&display=swap";
.dashboard-page{color:#fff;direction:rtl;background:linear-gradient(-45deg,#0f172a,#1e1b4b,#312e81,#1e1b4b) 0 0/400% 400%;flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;font-family:"Baloo+Bhaijaan+2",Arial,sans-serif;animation:15s infinite gradient-shift;display:flex;position:relative;overflow:hidden}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.bg-blobs{z-index:0;pointer-events:none;position:fixed;inset:0}.blob{filter:blur(60px);opacity:.7;transform:translate(var(--move-x,0),var(--move-y,0));border-radius:50%;transition:transform .1s ease-out;animation:10s infinite alternate blob-float;position:absolute}.blob-1{background:#4f46e5;width:500px;height:500px;top:-100px;left:-100px}.blob-2{background:#ec4899;width:400px;height:400px;animation-delay:-5s;bottom:-50px;right:-50px}.blob-3{background:#f59e0b;width:300px;height:300px;animation-delay:-10s;top:40%;right:20%}@keyframes blob-float{0%{transform:translate(0)scale(1)rotate(0)}to{transform:translate(60px,80px)scale(1.1)rotate(15deg)}}.particles{z-index:1;pointer-events:none;position:absolute;inset:0}.particle{background:#fff;border-radius:50%;animation:linear infinite particle-float;position:absolute;box-shadow:0 0 10px #fff,0 0 20px #6366f1}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh)scale(0)}20%{opacity:.6}80%{opacity:.6}to{opacity:0;transform:translateY(-10vh)scale(1)}}.dashboard-container{z-index:10;width:100%;max-width:1000px;margin:0 auto;position:relative}.dashboard-header{text-align:center;margin-bottom:60px;animation:.8s ease-out fadeInDown}.dashboard-header h1{background:linear-gradient(135deg,#fff 0%,#cbd5e1 25%,#6366f1 50%,#cbd5e1 75%,#fff 100%) 0 0/200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #6366f1cc);-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;animation:2s linear infinite shine-text}@keyframes shine-text{to{background-position:200%}}.dashboard-header p{color:#fffc;font-size:1.45rem;font-weight:600}.grade-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;width:100%;display:grid}.grade-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:32px;flex-direction:column;align-items:center;padding:40px 30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 30px #0000001a}.grade-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#0000 100%);transition:opacity .4s;position:absolute;inset:0}.grade-card:hover{border-color:#fff6;transform:translateY(-15px)scale(1.05);box-shadow:0 25px 60px #00000080}.grade-card:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(131deg,#fff0 0%,#fff6 50%,#fff0 100%);width:200%;height:200%;transition:all .6s cubic-bezier(.19,1,.22,1);position:absolute;top:-110%;left:-210%}.grade-card:hover:after{top:110%;left:110%}.grade-card:hover:before{opacity:1}.grade-icon{filter:drop-shadow(0 4px 12px #0003);margin-bottom:20px;font-size:5rem;transition:transform .4s}.grade-card:hover .grade-icon{transform:scale(1.2)rotate(10deg)}.grade-title{color:#fff;margin-bottom:5px;font-size:2.2rem;font-weight:800}.grade-subtitle{color:#fff9;font-size:1.1rem;font-weight:600}.grade-btn{color:#1e1b4b;background:#fff;border-radius:999px;margin-top:30px;padding:12px 30px;font-size:1.1rem;font-weight:800;transition:all .3s;animation:2s infinite pulse-btn;box-shadow:0 4px 15px #fff3}@keyframes pulse-btn{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 15px #fff0}to{box-shadow:0 0 #fff0}}.grade-card:hover .grade-btn{background:var(--accent-color);color:#fff;animation:1.5s infinite pulse-btn-active;transform:scale(1.1)}@keyframes pulse-btn-active{0%{box-shadow:0 0 0 0 var(--accent-color);opacity:1}70%{box-shadow:0 0 0 15px #fff0}to{box-shadow:0 0 #fff0}}.card-1{--accent-color:#f43f5e}.card-2{--accent-color:#3b82f6}.card-3{--accent-color:#10b981}.card-1:hover{box-shadow:0 15px 45px #f43f5e4d}.card-2:hover{box-shadow:0 15px 45px #3b82f64d}.card-3:hover{box-shadow:0 15px 45px #10b9814d}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.grade-card:first-child{animation:.6s ease-out .2s both fadeInUp}.grade-card:nth-child(2){animation:.6s ease-out .4s both fadeInUp}.grade-card:nth-child(3){animation:.6s ease-out .6s both fadeInUp}.footer{color:#fff6;text-align:center;margin-top:auto;padding-top:60px;font-size:.9rem}