:root{--tra-blue: #234F9C;--tra-blue-50: #f0f4fa;--tra-blue-100: #e3eaf5;--tra-blue-200: #c7d5eb;--tra-blue-300: #a0b7db;--tra-blue-400: #7192c7;--tra-blue-500: #4f73b3;--tra-blue-600: #234F9C;--tra-blue-700: #1d4282;--tra-blue-800: #19366b;--tra-blue-900: #142a54;--tra-blue-light: #3b82f6;--teal: #00ABB1;--teal-soft: #33DEF2;--teal-dark: #003B3E;--amber: #f59e0b;--amber-soft: #fbbf24;--midnight: #141A30;--ink: #0f1b33;--text-muted: #4b5a75;--bg-soft: #f0f4fa;--card-bg: #F8FCFF;--white: #ffffff;--border: #dce5f2;--danger: #dc2626;--success: #10b981;--grad-hero: linear-gradient(135deg, #142a54 0%, #19366b 45%, #234F9C 100%);--grad-soft: linear-gradient(180deg, #ffffff 0%, #f0f4fa 50%, #e3eaf5 100%);--grad-teal: linear-gradient(135deg, #003B3E 0%, #00ABB1 100%);--shadow-sm: 0 1px 3px rgba(20, 42, 84, .08);--shadow-md: 0 6px 18px rgba(20, 42, 84, .1);--shadow-lg: 0 16px 40px rgba(20, 42, 84, .16);--radius: 16px;--radius-sm: 10px;--font: "Cairo", "Segoe UI", Tahoma, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--white);color:var(--ink);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}.container{max-width:1180px;margin:0 auto;padding:0 20px}h1,h2,h3,h4{line-height:1.35;color:var(--ink)}.section{padding:72px 0}.section-alt{background:var(--bg-soft)}.section-grad{background:var(--grad-soft)}.section-head{text-align:center;max-width:760px;margin:0 auto 44px}.section-head .kicker{display:inline-block;color:var(--tra-blue);font-weight:700;font-size:14px;letter-spacing:.5px;background:var(--tra-blue-100);padding:6px 16px;border-radius:999px;margin-bottom:14px}.section-head h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800}.section-head p{color:var(--text-muted);margin-top:10px}.glass{background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)}.topbar{background:var(--tra-blue-900);color:#dbe6f5;font-size:13px;padding:7px 0}.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.topbar a{color:#dbe6f5;display:inline-flex;align-items:center;gap:6px}.topbar a:hover{color:var(--teal-soft)}.navbar{position:sticky;top:0;z-index:60;background:#ffffffeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.navbar .container{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;border-radius:12px;flex-shrink:0;background:var(--grad-hero);display:grid;place-items:center;color:#fff;box-shadow:var(--shadow-md)}.brand-name{line-height:1.25}.brand-name strong{display:block;font-size:16.5px;font-weight:800;color:var(--tra-blue-800)}.brand-name span{font-size:11.5px;color:var(--text-muted)}.nav-links{display:flex;align-items:center;gap:6px}.nav-links button{background:none;border:none;font-size:15px;font-weight:600;color:var(--ink);padding:9px 14px;border-radius:10px;transition:all .2s ease}.nav-links button:hover{background:var(--tra-blue-50);color:var(--tra-blue-700)}.nav-links button.active{background:var(--tra-blue-100);color:var(--tra-blue-800)}.nav-cta{background:var(--tra-blue-600);color:#fff;border:none;font-weight:700;font-size:14.5px;padding:11px 20px;border-radius:12px;display:inline-flex;align-items:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.nav-cta:hover{background:var(--tra-blue-700);transform:translateY(-2px);box-shadow:var(--shadow-md)}.menu-toggle{display:none;background:none;border:1px solid var(--border);border-radius:10px;padding:8px;color:var(--tra-blue-800)}.hero{background:var(--grad-hero);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 300px at 85% 15%,rgba(51,222,242,.18),transparent 60%),radial-gradient(500px 300px at 10% 90%,rgba(35,79,156,.5),transparent 60%)}.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-top:84px;padding-bottom:96px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--teal-soft);font-size:13.5px;font-weight:600;padding:7px 16px;border-radius:999px;margin-bottom:20px}.hero h1{color:#fff;font-size:clamp(1.9rem,4vw,3rem);font-weight:900;margin-bottom:18px}.hero h1 .accent{color:var(--teal-soft)}.hero p.lead{color:#dbe6f5;font-size:17px;max-width:560px;margin-bottom:30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15.5px;border-radius:13px;padding:14px 26px;border:none;transition:all .2s ease}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 8px 22px #00abb159}.btn-primary:hover{background:var(--teal-dark);transform:translateY(-2px)}.btn-ghost{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.28)}.btn-ghost:hover{background:#ffffff2e;transform:translateY(-2px)}.btn-outline{background:#fff;color:var(--tra-blue-700);border:1.5px solid var(--tra-blue-200)}.btn-outline:hover{border-color:var(--tra-blue-400);background:var(--tra-blue-50);transform:translateY(-2px)}.hero-card{background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:26px;color:#fff;box-shadow:0 24px 60px #060f2366}.hero-card h3{color:#fff;font-size:19px;display:flex;align-items:center;gap:10px;margin-bottom:16px}.hero-card ul{list-style:none;display:grid;gap:12px}.hero-card li{display:flex;gap:10px;font-size:14.5px;color:#e6eefb;align-items:flex-start}.hero-card li svg{flex-shrink:0;color:var(--teal-soft);margin-top:3px}.hero-steps{margin-top:18px;padding-top:16px;border-top:1px dashed rgba(255,255,255,.25);font-size:13.5px;color:#c9d8f0}.classes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:22px}.class-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm);transition:all .25s ease;position:relative;overflow:hidden}.class-card:before{content:"";position:absolute;top:0;right:0;left:0;height:5px;background:var(--cc, var(--tra-blue))}.class-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--tra-blue-200)}.class-card .cls-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--cc-soft, var(--tra-blue-100));color:var(--cc, var(--tra-blue-600))}.class-card h3{font-size:19px;font-weight:800}.class-card .cls-short{color:var(--cc, var(--tra-blue-600));font-weight:700;font-size:13.5px}.class-card p{font-size:14px;color:var(--text-muted);flex:1}.class-card ul{list-style:none;display:grid;gap:7px}.class-card li{font-size:13.5px;display:flex;gap:8px;color:var(--ink)}.class-card li svg{color:var(--success);flex-shrink:0;margin-top:4px}.class-card .grant{font-size:12.5px;background:var(--tra-blue-50);border-radius:10px;padding:9px 12px;color:var(--tra-blue-800)}.stages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.stage-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;position:relative;transition:all .25s ease}.stage-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stage-num{position:absolute;top:-14px;right:22px;width:34px;height:34px;border-radius:50%;background:var(--grad-hero);color:#fff;font-weight:800;display:grid;place-items:center;font-size:15px;box-shadow:var(--shadow-sm)}.stage-card h4{font-size:16.5px;font-weight:800;margin:8px 0;display:flex;align-items:center;gap:8px}.stage-card h4 svg{color:var(--tra-blue)}.stage-card p{font-size:13.5px;color:var(--text-muted)}.stats-band{background:var(--grad-hero);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px;text-align:center;padding:8px 0}.stat .num{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:900;color:var(--teal-soft)}.stat .lbl{font-size:14px;color:#dbe6f5;margin-top:4px}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.quick-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;display:flex;gap:16px;align-items:flex-start;transition:all .25s ease;text-align:right}.quick-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--tra-blue-200)}.quick-card .q-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--tra-blue-100);color:var(--tra-blue-700);flex-shrink:0}.quick-card h4{font-size:15.5px;font-weight:800;margin-bottom:4px}.quick-card p{font-size:13px;color:var(--text-muted)}.legal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.legal-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px 22px;display:flex;gap:14px;align-items:flex-start;transition:all .2s ease}.legal-card:hover{border-color:var(--tra-blue-300);box-shadow:var(--shadow-sm)}.legal-card .l-icon{color:var(--tra-blue);flex-shrink:0;margin-top:3px}.legal-card h4{font-size:15.5px;font-weight:800}.legal-card p{font-size:13px;color:var(--text-muted)}.page-hero{background:var(--grad-hero);color:#fff;padding:64px 0 60px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(500px 260px at 80% 20%,rgba(51,222,242,.16),transparent 60%)}.page-hero .container{position:relative;z-index:2}.page-hero .crumb{color:var(--teal-soft);font-size:13.5px;font-weight:600;margin-bottom:10px;display:flex;gap:8px;align-items:center}.page-hero h1{color:#fff;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:900}.page-hero p{color:#dbe6f5;max-width:720px;margin-top:12px;font-size:15.5px}.classes-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:26px}.class-detail{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm)}.class-detail .cd-head{padding:22px 26px;color:#fff;display:flex;align-items:center;gap:14px}.class-detail .cd-head svg{width:40px;height:40px}.class-detail .cd-head h3{color:#fff;font-size:19px;font-weight:800}.class-detail .cd-body{padding:24px 26px}.class-detail .cd-body p{font-size:14px;color:var(--text-muted);margin-bottom:14px}.class-detail .cd-body h4{font-size:14.5px;color:var(--tra-blue-800);margin-bottom:8px}.class-detail .cd-body ul{list-style:none;display:grid;gap:8px;margin-bottom:14px}.class-detail .cd-body li{font-size:13.5px;display:flex;gap:8px}.class-detail .cd-body li svg{color:var(--success);flex-shrink:0;margin-top:4px}.footer{background:var(--tra-blue-900);color:#c9d8f0;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:34px;padding-bottom:40px}.footer h5{color:#fff;font-size:15.5px;font-weight:800;margin-bottom:16px}.footer p{font-size:13.5px;line-height:1.9}.footer ul{list-style:none;display:grid;gap:9px}.footer ul li button,.footer ul li a{background:none;border:none;color:#c9d8f0;font-size:13.5px;font-family:inherit;display:inline-flex;gap:8px;align-items:center;transition:color .2s ease}.footer ul li button:hover,.footer ul li a:hover{color:var(--teal-soft)}.footer .f-contact li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px}.footer .f-contact svg{color:var(--teal-soft);flex-shrink:0;margin-top:4px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;font-size:12.5px;color:#9db3d6;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.demo-note{background:#fff8e6;border:1px solid #f5deb3;color:#7a5b12;border-radius:12px;padding:12px 18px;font-size:13px;display:flex;gap:10px;align-items:flex-start;margin:26px 0}.demo-note svg{flex-shrink:0;margin-top:3px;color:var(--amber)}.wizard-shell{max-width:900px;margin:0 auto}.wizard-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden}.wizard-head{background:var(--grad-hero);color:#fff;padding:26px 30px;display:flex;align-items:center;gap:16px}.wizard-head svg{color:var(--teal-soft);flex-shrink:0}.wizard-head h2{color:#fff;font-size:20px;font-weight:800}.wizard-head p{font-size:13.5px;color:#dbe6f5}.progress{padding:20px 30px 0}.progress-track{display:flex;justify-content:space-between;position:relative;margin-bottom:8px}.progress-track:before{content:"";position:absolute;top:14px;right:24px;left:24px;height:3px;background:var(--tra-blue-100);border-radius:999px}.progress-track:after{content:"";position:absolute;top:14px;right:24px;height:3px;width:0;background:var(--teal);border-radius:999px;transition:width .4s ease}.progress-track[data-p="1"]:after{width:calc((100% - 48px)/4)}.progress-track[data-p="2"]:after{width:calc((100% - 48px)/2)}.progress-track[data-p="3"]:after{width:calc((100% - 48px)*.75)}.progress-track[data-p="4"]:after{width:calc(100% - 48px)}.prog-step{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;width:25%}.prog-dot{width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid var(--tra-blue-200);display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--tra-blue-400);transition:all .3s ease}.prog-step.done .prog-dot{background:var(--teal);border-color:var(--teal);color:#fff}.prog-step.active .prog-dot{border-color:var(--tra-blue-600);color:var(--tra-blue-700);box-shadow:0 0 0 5px var(--tra-blue-100)}.prog-step span{font-size:11.5px;font-weight:700;color:var(--text-muted)}.prog-step.active span{color:var(--tra-blue-800)}.prog-step.done span{color:var(--teal-dark)}.wizard-body{padding:30px}.wizard-body h3{font-size:19px;font-weight:800;margin-bottom:6px}.wizard-body .hint{color:var(--text-muted);font-size:14px;margin-bottom:22px}.opt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.opt-card{border:1.5px solid var(--border);border-radius:13px;padding:16px 18px;display:flex;gap:12px;align-items:flex-start;background:#fff;transition:all .2s ease;cursor:pointer;text-align:right;font-family:inherit;font-size:14.5px;color:var(--ink)}.opt-card:hover{border-color:var(--tra-blue-400);background:var(--tra-blue-50)}.opt-card.selected{border-color:var(--tra-blue-600);background:var(--tra-blue-50);box-shadow:inset 0 0 0 1px var(--tra-blue-600)}.opt-card .cb{width:22px;height:22px;border-radius:6px;border:2px solid var(--tra-blue-200);display:grid;place-items:center;color:#fff;flex-shrink:0;margin-top:2px;transition:all .2s ease}.opt-card.selected .cb{background:var(--tra-blue-600);border-color:var(--tra-blue-600)}.opt-card .tag{display:inline-block;font-size:11px;font-weight:700;border-radius:6px;padding:2px 8px;margin-top:6px}.tag-c1{background:#142a54;color:#fff}.tag-c2{background:#234f9c;color:#fff}.tag-c3{background:#1d4282;color:#fff}.tag-p{background:#e0f6f7;color:var(--teal-dark)}.q-group{margin-bottom:26px}.q-group .qg-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.q-group .qg-head .qg-ico{width:42px;height:42px;border-radius:12px;background:var(--tra-blue-100);color:var(--tra-blue-700);display:grid;place-items:center}.q-group .qg-head h4{font-size:16.5px;font-weight:800}.q-group .qg-head .qg-w{margin-right:auto;font-size:12.5px;font-weight:700;color:var(--tra-blue-600);background:var(--tra-blue-50);border:1px solid var(--tra-blue-200);padding:4px 12px;border-radius:999px}.q-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;background:#fbfdff}.q-row .q-text{flex:1;font-size:14.5px}.seg{display:flex;gap:4px;background:var(--tra-blue-50);border-radius:10px;padding:4px}.seg button{border:none;background:transparent;font-family:inherit;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:8px;color:var(--text-muted);transition:all .15s ease}.seg button.on-yes{background:var(--success);color:#fff}.seg button.on-no{background:var(--danger);color:#fff}.seg button.on-na{background:var(--amber);color:#fff}.wizard-actions{display:flex;justify-content:space-between;gap:12px;padding:0 30px 30px}.wizard-actions .btn{border-radius:12px}.result-hero{text-align:center;padding:26px 0 10px}.score-ring{width:150px;height:150px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) calc(var(--p) * 1%),var(--tra-blue-100) 0);position:relative}.score-ring:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;background:#fff;border-radius:50%}.score-ring .score-in{position:relative;z-index:2;text-align:center}.score-ring .score-in .big{font-size:34px;font-weight:900;color:var(--tra-blue-800)}.score-ring .score-in .sm{font-size:12px;color:var(--text-muted)}.result-hero h3{font-size:22px;font-weight:900}.result-hero .verdict{display:inline-block;margin-top:10px;font-size:13.5px;font-weight:700;border-radius:999px;padding:7px 18px}.verdict.high{background:#e7f9f1;color:#0d7a52}.verdict.mid{background:#fff7e0;color:#94680a}.verdict.low{background:#feecec;color:#b02424}.area-bars{display:grid;gap:14px;margin:26px 0}.area-bar .ab-head{display:flex;justify-content:space-between;font-size:13.5px;font-weight:700;margin-bottom:6px}.area-bar .ab-track{height:10px;background:var(--tra-blue-100);border-radius:999px;overflow:hidden}.area-bar .ab-fill{height:100%;border-radius:999px;background:var(--grad-teal);transition:width .8s ease}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:22px 0}.check-col{border:1px solid var(--border);border-radius:14px;padding:16px 18px;background:#fbfdff}.check-col h4{font-size:14.5px;font-weight:800;color:var(--tra-blue-800);margin-bottom:10px;display:flex;gap:8px;align-items:center}.check-col h4 svg{color:var(--tra-blue)}.check-col label{display:flex;gap:10px;font-size:13.5px;padding:6px 0;cursor:pointer;align-items:flex-start}.check-col input{margin-top:4px;width:17px;height:17px;accent-color:var(--tra-blue-600);cursor:pointer}.report-box{border:1px solid var(--border);border-radius:16px;padding:24px;background:#fff;margin:22px 0}.report-box h4{font-size:16px;font-weight:800;margin-bottom:14px;display:flex;gap:10px;align-items:center}.report-box h4 svg{color:var(--tra-blue)}.report-box ul{list-style:none;display:grid;gap:9px}.report-box li{font-size:14px;display:flex;gap:9px;align-items:flex-start}.report-box li.ok svg{color:var(--success);margin-top:4px}.report-box li.gap svg{color:var(--danger);margin-top:4px}.report-box li.warn svg{color:var(--amber);margin-top:4px}.recommend-card{background:var(--grad-teal);color:#fff;border-radius:16px;padding:22px 26px;margin-top:18px}.recommend-card h4{color:#fff;display:flex;gap:10px;align-items:center;font-size:16px;margin-bottom:8px}.recommend-card p{font-size:14px;color:#e6fffe}@media print{.navbar,.topbar,.footer,.wizard-actions,.no-print{display:none!important}.wizard-card{box-shadow:none;border:1px solid #ccc}body{background:#fff}}@media (max-width: 960px){.hero .container{grid-template-columns:1fr;padding-top:56px;padding-bottom:64px}.footer-grid{grid-template-columns:1fr 1fr}.menu-toggle{display:grid;place-items:center}.nav-links{position:fixed;inset:72px 0 auto 0;background:#fff;flex-direction:column;align-items:stretch;padding:16px 20px 24px;gap:4px;border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);transform:translateY(-140%);transition:transform .3s ease;z-index:55}.nav-links.open{transform:translateY(0)}.nav-links button{text-align:right;padding:13px 14px}.nav-cta-wrap{display:none}}@media (max-width: 620px){.section{padding:52px 0}.footer-grid{grid-template-columns:1fr;gap:26px}.wizard-body,.wizard-head{padding:22px 20px}.wizard-actions{padding:0 20px 24px;flex-direction:column-reverse}.wizard-actions .btn{width:100%;justify-content:center}.prog-step span{font-size:10px}.opt-grid{grid-template-columns:1fr}.q-row{flex-direction:column;align-items:stretch;gap:10px}.q-row .seg{justify-content:stretch}.q-row .seg button{flex:1}.hero-actions .btn{width:100%;justify-content:center}.brand-name span{display:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .6s ease both}.fade-up-1{animation-delay:.08s}.fade-up-2{animation-delay:.16s}.fade-up-3{animation-delay:.24s}::selection{background:var(--tra-blue-200);color:var(--tra-blue-900)}