.fo-hub{--night:#071722;--deep:#0c2b3c;--blue:#1f7897;--cyan:#59d0d7;--gold:#e8bd68;--cream:#f5f1e8;position:relative;isolation:isolate;overflow:hidden;max-width:1280px;margin:24px auto;padding:clamp(28px,6vw,78px);border-radius:32px;background:radial-gradient(circle at 70% 8%,rgba(43,145,167,.26),transparent 31%),linear-gradient(145deg,#06141f 0%,#0a2637 54%,#071824 100%);color:#fff;box-shadow:0 34px 90px rgba(3,18,28,.3);font-family:Inter,"Segoe UI",Arial,sans-serif}.fo-hub *{box-sizing:border-box}.fo-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}.fo-glow-one{width:420px;height:420px;right:-190px;top:-180px;border:1px solid rgba(89,208,215,.18);box-shadow:0 0 0 70px rgba(89,208,215,.025),0 0 0 140px rgba(89,208,215,.018)}.fo-glow-two{width:360px;height:360px;left:-250px;bottom:-200px;background:rgba(232,189,104,.07);filter:blur(45px)}.fo-symbol{position:absolute;z-index:-1;color:rgba(255,255,255,.035);font-family:Georgia,serif;font-weight:700;user-select:none}.fo-symbol-one{right:8%;top:7%;font-size:10rem}.fo-symbol-two{left:4%;top:43%;font-size:4rem;transform:rotate(-9deg)}.fo-symbol-three{right:7%;bottom:5%;font-size:3rem;transform:rotate(6deg)}
.fo-hero{max-width:820px;margin-bottom:50px}.fo-brand{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:.74rem;font-weight:800;letter-spacing:.22em}.fo-brand-line{width:42px;height:2px;background:var(--gold)}.fo-hero h1{margin:18px 0 15px;color:#fff;font-size:clamp(3.1rem,8vw,6.7rem);font-weight:800;letter-spacing:-.065em;line-height:.94}.fo-hero h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1.5px var(--cyan);text-shadow:0 0 35px rgba(89,208,215,.18)}.fo-hero p{max-width:680px;margin:0;color:#c4d3da;font-size:clamp(1rem,2vw,1.25rem);line-height:1.65}.fo-scroll{display:flex;align-items:center;gap:11px;margin-top:28px;color:#829ca8;font-size:.78rem;text-transform:uppercase;letter-spacing:.11em}.fo-scroll span{position:relative;width:22px;height:34px;border:1px solid rgba(255,255,255,.28);border-radius:15px}.fo-scroll span:after{content:"";position:absolute;left:9px;top:7px;width:3px;height:7px;border-radius:4px;background:var(--cyan);animation:fo-scroll 1.8s infinite}@keyframes fo-scroll{0%{opacity:0;transform:translateY(-2px)}35%{opacity:1}100%{opacity:0;transform:translateY(11px)}}
.fo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fo-card{position:relative;overflow:hidden;display:flex;min-height:350px;flex-direction:column;padding:32px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));color:#fff!important;text-decoration:none!important;box-shadow:inset 0 1px rgba(255,255,255,.07);transition:transform .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease}.fo-card:before{content:"";position:absolute;inset:auto -20% -65% 35%;height:230px;border-radius:50%;background:var(--accent);opacity:.12;filter:blur(25px);transition:opacity .35s,transform .35s}.fo-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--accent) 65%,white 10%);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.05));box-shadow:0 24px 50px rgba(0,0,0,.2)}.fo-card:hover:before{opacity:.25;transform:scale(1.15)}.fo-themata{--accent:#5dd2da}.fo-provlimata{--accent:#e9bd68}.fo-kouiz{--accent:#9c86ed}.fo-diagonisma{--accent:#ee7e80}.fo-card-number{position:absolute;right:25px;top:18px;color:rgba(255,255,255,.09);font-size:4.6rem;font-weight:900;line-height:1}.fo-icon{display:grid;place-items:center;width:60px;height:60px;margin-bottom:28px;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);border-radius:18px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 10%,transparent)}.fo-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.fo-label{margin-bottom:9px;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.fo-card strong{max-width:85%;font-size:clamp(1.5rem,3vw,2rem);line-height:1.12}.fo-description{margin-top:14px;color:#aec1ca;line-height:1.6}.fo-cta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:26px;border-top:1px solid rgba(255,255,255,.09);color:#fff;font-weight:700}.fo-cta i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#071722;font-style:normal;font-size:1.15rem;transition:transform .3s}.fo-card:hover .fo-cta i{transform:translateX(4px)}
.fo-footer{display:flex;align-items:center;gap:13px;margin-top:34px;color:#9db1bb;font-size:.85rem}.fo-footer i{width:4px;height:4px;border-radius:50%;background:var(--gold)}.fo-footer b{margin-left:auto;padding:8px 13px;border:1px solid rgba(89,208,215,.25);border-radius:999px;color:var(--cyan);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase}
@media(max-width:760px){.fo-hub{margin:12px auto;padding:34px 20px;border-radius:20px}.fo-grid{grid-template-columns:1fr}.fo-card{min-height:315px;padding:26px}.fo-footer{flex-wrap:wrap}.fo-footer b{width:100%;margin:7px 0 0;text-align:center}.fo-symbol{display:none}}@media(prefers-reduced-motion:reduce){.fo-hub *{animation:none!important;transition:none!important}}