:root{--primary-orange:#ff6600;--deep-orange:#ff7733;--soft-peach:rgba(255, 102, 0, 0.15);--pure-white:#050a15;--text-dark:#ffffff;--glass-white:rgba(13, 22, 39, 0.75);--border-color:rgba(255, 255, 255, 0.1);--input-bg:rgba(255, 255, 255, 0.05);--input-border:rgba(255, 255, 255, 0.1);--card-bg:rgba(13, 22, 39, 0.65);--card-border:rgba(255, 255, 255, 0.08);--card-title:#ffffff;--tag-text:#ff6600}body.light-mode{--primary-orange:#ff7a00;--deep-orange:#e65c00;--soft-peach:#fff5ed;--pure-white:#f8fafc;--text-dark:#1f2933;--glass-white:rgba(255, 255, 255, 0.85);--border-color:rgba(0, 0, 0, 0.1);--input-bg:#ffffff;--input-border:rgba(0, 0, 0, 0.1);--card-bg:#ffffff;--card-border:rgba(0, 0, 0, 0.08);--card-title:#e65c00;--tag-text:#e65c00}body{font-family:Inter,sans-serif;background-color:var(--pure-white);color:var(--text-dark);margin:0;transition:background-color .3s ease,color .3s ease}.exam-header{background:linear-gradient(135deg,var(--primary-orange),var(--deep-orange));color:#fff;padding:80px 20px 120px;text-align:center;clip-path:ellipse(150% 100% at 50% 0%)}.filter-bar{max-width:900px;margin:-60px auto 40px;background:var(--glass-white);backdrop-filter:blur(10px);padding:25px;border-radius:20px;display:flex;gap:15px;box-shadow:0 15px 35px rgba(255,122,0,.15);border:1px solid var(--border-color);z-index:10;position:relative;transition:all .3s ease}.filter-bar input,.filter-bar select{border:2px solid var(--input-border);background:var(--input-bg);color:var(--text-dark);padding:12px;border-radius:12px;outline:0;transition:.3s}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--primary-orange);box-shadow:0 0 8px rgba(255,122,0,.2)}.exam-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:30px;transition:all .4s cubic-bezier(.165, .84, .44, 1);position:relative;overflow:hidden}.exam-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary-orange);transform:scaleX(0);transition:.3s ease}.exam-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(0,0,0,.15);border-color:var(--primary-orange)}.exam-card:hover::before{transform:scaleX(1)}.exam-card h3{color:var(--card-title);font-weight:700;transition:color .3s ease}.exam-card:hover h3{color:var(--primary-orange)}.tag{background:var(--soft-peach);color:var(--tag-text);font-weight:800;padding:6px 15px;border-radius:50px;font-size:11px;text-transform:uppercase;border:1px solid var(--border-color);display:inline-block;margin-bottom:12px;transition:all .3s ease}.navbar{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);height:80px;display:flex;align-items:center;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,122,0,.1)}.nav-container{width:90%;max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:800;color:#333;text-decoration:none;letter-spacing:-1px}.logo span{color:#ff7a00}.nav-links{display:flex;list-style:none;gap:30px}.nav-links a{text-decoration:none;color:#555;font-weight:500;font-size:15px;transition:.3s;position:relative;padding:5px 0}.nav-links a::after{content:'';position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#ff7a00;transition:.3s}.nav-links a.active::after,.nav-links a:hover::after{width:100%}.nav-links a.active,.nav-links a:hover{color:#ff7a00}.btn-login{background:#ff7a00;color:#fff;border:none;padding:10px 22px;border-radius:50px;font-weight:600;cursor:pointer;transition:.3s;box-shadow:0 4px 15px rgba(255,122,0,.2)}.btn-login:hover{background:#e65c00;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,122,0,.3)}@media (max-width:768px){.exam-header{padding:50px 16px 90px}.exam-header h1{font-size:clamp(1.8rem, 5vw, 2.5rem)}.filter-bar{flex-direction:column;margin:-40px 16px 30px;padding:18px;gap:12px}.filter-bar input,.filter-bar select{width:100%}.navbar{height:auto;padding:10px 0}.nav-links{gap:14px}.nav-links a{font-size:13px}}@media (max-width:480px){.exam-header{padding:40px 14px 70px}.logo{font-size:18px}.btn-login{padding:8px 14px;font-size:13px}.nav-links{display:none}.exam-card{padding:22px 18px}}.exam-footer{text-align:center;color:var(--text-dark);padding:40px 20px;border-top:1px solid var(--border-color);margin-top:40px;transition:all .3s ease}