.edu-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;background:#fff;border:1px solid #DDE3F0;transition:transform .5s ease,box-shadow .5s ease}.edu-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #1b3d8f24,0 8px 16px #0000000f}.edu-card .card-img-wrapper{position:relative;height:148px;overflow:hidden}.edu-card .card-img-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(13,27,62,.92) 0%,rgba(27,61,143,.25) 50%,transparent 100%);opacity:0;transition:opacity .5s ease;z-index:1}.edu-card:hover .card-img-wrapper:before{opacity:1}.edu-card .card-img-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(to top,rgba(27,61,143,.5) 0%,transparent 100%);transition:height .5s ease;z-index:2}.edu-card:hover .card-img-wrapper:after{height:120px}.edu-card .card-tag{position:absolute;top:10px;right:10px;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:700;background:#ffffffeb;color:#1b3d8f;z-index:5;transition:transform .5s ease,background .5s ease,color .5s ease}.edu-card:hover .card-tag{background:#1b3d8f;color:#fff;transform:translateY(-2px)}.edu-card .card-overlay-title{position:absolute;bottom:14px;left:16px;right:16px;z-index:3;font-size:17px;font-weight:800;color:#fff;opacity:0;transform:translate3d(0,30px,0);transition:opacity .5s ease,transform .5s ease;text-shadow:0 2px 8px rgba(0,0,0,.4);line-height:1.3}.edu-card:hover .card-overlay-title{opacity:1;transform:translateZ(0)}.edu-card .card-body{padding:14px 16px 16px}.edu-card .card-title{font-size:14px;font-weight:700;margin:0 0 6px;color:#0d1b3e;transition:transform .5s ease,color .4s ease}.edu-card:hover .card-title{transform:translate3d(0,-4px,0);color:#1b3d8f}.edu-card .card-btn{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;background:#eef2fa;color:#1b3d8f;border:1px solid #C2CEEA;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden}.edu-card .card-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#1b3d8f;transform:translate(-101%);transition:transform .4s ease;z-index:0}.edu-card:hover .card-btn{border-color:#1b3d8f;color:#fff}.edu-card:hover .card-btn:before{transform:translate(0)}.edu-card .card-btn span{position:relative;z-index:1}.course-card{position:relative;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #DDE3F0;transition:transform .5s ease,box-shadow .5s ease}.course-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #1b3d8f1f,0 8px 16px #0000000f}.course-card .card-img-wrapper{position:relative;height:160px;overflow:hidden}.course-card .card-img-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(13,27,62,.88) 0%,transparent 60%);opacity:0;transition:opacity .5s ease;z-index:1}.course-card:hover .card-img-wrapper:before{opacity:1}.course-card .card-img-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(to top,rgba(27,61,143,.45) 0%,transparent 100%);transition:height .5s ease;z-index:2}.course-card:hover .card-img-wrapper:after{height:100px}.course-card .badge-row{position:absolute;bottom:10px;left:14px;display:flex;gap:6px;z-index:3;transition:transform .5s ease}.course-card:hover .badge-row{transform:translateY(-4px)}.course-card .card-body{padding:14px 16px 16px}.course-card .card-title{font-size:14px;font-weight:700;margin:0 0 6px;color:#0d1b3e;transition:color .4s ease}.course-card:hover .card-title{color:#1b3d8f}.course-card .apply-btn{width:100%;padding:9px 12px;border-radius:8px;font-size:12px;font-weight:600;background:#1b3d8f;color:#fff;border:none;cursor:pointer;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.course-card:hover .apply-btn{background:#0f2560;box-shadow:0 4px 12px #1b3d8f66;transform:translateY(-1px)}.edu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji"}*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#e6edf3}a{color:inherit}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:#0f1a33;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px}.row{display:flex;gap:16px;flex-wrap:wrap}.col{flex:1 1 320px}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0b1530;color:#e6edf3;outline:none}.input:focus{border-color:#78b4ff99}.btn{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#123a6b;color:#e6edf3;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:transparent}.badge{padding:4px 10px;border-radius:999px;background:#78b4ff26;border:1px solid rgba(120,180,255,.25)}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:#0a1220b3;position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav a{text-decoration:none;opacity:.9}.nav a:hover{opacity:1}.toast{position:fixed;right:16px;bottom:16px;background:#0f1a33;border:1px solid rgba(255,255,255,.1);padding:12px 14px;border-radius:14px;max-width:340px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:14px 0}.small{font-size:12px;opacity:.8}