/* ZEBHUB HERO */
.hero{position:relative;background:linear-gradient(135deg,var(--color-secondary) 0%,#0d1a4a 50%,var(--color-black) 100%);min-height:88vh;display:flex;align-items:center;overflow:hidden;padding:60px 0 100px;}
.hero__bg-elements{position:absolute;inset:0;pointer-events:none;}
.hero__circle{position:absolute;border-radius:50%;opacity:0.08;}
.hero__circle--1{width:600px;height:600px;background:var(--color-primary);top:-200px;right:-100px;}
.hero__circle--2{width:300px;height:300px;background:var(--color-primary);bottom:0;left:-100px;opacity:0.05;}
.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,174,239,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,174,239,0.05) 1px,transparent 1px);background-size:40px 40px;}
.hero__inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;position:relative;z-index:1;}
.hero__badge{margin-bottom:24px;}
.badge__dot{display:inline-block;width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse-dot 2s infinite;}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.5;transform:scale(1.3);}}
.hero__title{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;color:#fff;line-height:1.15;margin-bottom:20px;}
.hero__title span{color:var(--color-primary);}
.hero__subtitle{font-size:1.1rem;color:rgba(255,255,255,0.75);line-height:1.7;margin-bottom:32px;max-width:500px;}
.hero__search{margin-bottom:32px;}
.hero-search-form{margin-bottom:12px;}
.hero-search-wrap{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,0.08);border:1.5px solid rgba(255,255,255,0.15);border-radius:var(--radius-md);padding:8px 8px 8px 16px;transition:var(--transition);}
.hero-search-wrap:focus-within{border-color:var(--color-primary);}
.hero-search-input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:0.95rem;font-family:var(--font-primary);}
.hero-search-input::placeholder{color:rgba(255,255,255,0.45);}
.hero__search-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.hero__search-tags>span{color:rgba(255,255,255,0.5);font-size:0.82rem;}
.search-tag{font-size:0.82rem;color:rgba(255,255,255,0.75);background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);padding:3px 10px;border-radius:100px;transition:var(--transition);}
.search-tag:hover{background:var(--color-primary);border-color:var(--color-primary);color:white;}
.hero__ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px;}
.hero__trust{display:flex;align-items:center;gap:14px;}
.trust-avatars{display:flex;}
.trust-avatar{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-secondary);display:flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:700;color:white;margin-right:-8px;}
.trust-stars{color:#FFD700;font-size:0.95rem;letter-spacing:2px;margin-bottom:2px;}
.trust-text p{color:rgba(255,255,255,0.65);font-size:0.85rem;margin:0;}
/* Preview card */
.hero__visual{position:relative;display:flex;justify-content:center;}
.course-preview-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);padding:20px;width:100%;max-width:380px;animation:float-card 6s ease-in-out infinite;}
@keyframes float-card{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.preview-dots{display:flex;gap:6px;}
.preview-dots span{width:10px;height:10px;border-radius:50%;display:block;}
.preview-label{font-size:0.75rem;color:rgba(255,255,255,0.4);letter-spacing:1px;text-transform:uppercase;}
.preview-video{background:rgba(0,0,0,0.4);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:16px;}
.preview-video__thumb{height:140px;background:linear-gradient(135deg,#0d1a4a,#1C2B6E);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;}
.preview-video__bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,0.1);}
.bar-progress{height:100%;background:var(--color-primary);border-radius:2px;}
.preview-video__info{padding:10px 12px;}
.preview-video__info strong{display:block;font-size:0.85rem;color:white;margin-bottom:2px;}
.preview-video__info span{font-size:0.75rem;color:rgba(255,255,255,0.5);}
.preview-progress{margin-bottom:14px;}
.preview-progress__header{display:flex;justify-content:space-between;margin-bottom:6px;font-size:0.8rem;color:rgba(255,255,255,0.6);}
.preview-progress__header strong{color:var(--color-primary);}
.progress-bar{height:6px;background:rgba(255,255,255,0.1);border-radius:100px;overflow:hidden;}
.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#00D4FF);border-radius:100px;transition:width 1.5s cubic-bezier(0.4,0,0.2,1);}
.preview-modules{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}
.preview-module{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);font-size:0.8rem;color:rgba(255,255,255,0.55);transition:var(--transition);}
.preview-module--active{background:rgba(0,174,239,0.15);color:var(--color-primary);}
.module-check{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.module-check--done{background:var(--color-success);border-color:var(--color-success);}
.preview-cert{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(0,174,239,0.08);border:1px solid rgba(0,174,239,0.2);border-radius:var(--radius-sm);font-size:0.78rem;color:rgba(255,255,255,0.65);}
[data-animate]{opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease;}
[data-animate="fade-left"]{transform:translateX(30px);}
[data-animate].animated{opacity:1;transform:none;}
.hero__wave{position:absolute;bottom:0;left:0;right:0;line-height:0;}
.hero__wave svg{width:100%;height:80px;}
@media(max-width:1024px){.hero__inner{grid-template-columns:1fr;gap:40px;}.hero__visual{order:-1;}.course-preview-card{max-width:340px;}}
@media(max-width:768px){.hero{padding:40px 0 80px;min-height:auto;}.hero__title{font-size:1.9rem;}.hero__ctas{flex-direction:column;}.hero__ctas .btn{width:100%;justify-content:center;}.course-preview-card{display:none;}}