@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap');
:root{--op-primary:#f5a623;--op-secondary:#58d66d;--op-bg:#061017;--op-bg-2:#0b151d;--op-panel:rgba(12,22,31,.86);--op-border:rgba(255,255,255,.11);--op-muted:rgba(255,255,255,.68);--op-shadow:0 22px 80px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 50% -10%,rgba(245,166,35,.18),transparent 30%),linear-gradient(180deg,#07111a,#03080d 65%,#020507);color:#fff;min-height:100vh;padding-top:76px}.op-shell{min-height:70vh}.op-navbar{background:rgba(4,9,14,.76);border-bottom:1px solid var(--op-border);backdrop-filter:blur(18px);transition:.25s}.op-navbar.is-scrolled{background:rgba(4,9,14,.94);box-shadow:0 12px 40px rgba(0,0,0,.35)}.op-brand img{height:42px}.navbar-toggler{border-color:var(--op-border)}.navbar-toggler-icon{filter:invert(1)}.op-navbar .nav-link{color:rgba(255,255,255,.78);font-weight:800;font-size:.84rem;text-transform:uppercase;letter-spacing:.035em;border-radius:12px;padding:.65rem .8rem}.op-navbar .nav-link:hover,.op-navbar .nav-link.active{color:#fff;background:rgba(245,166,35,.12)}.op-dropdown{background:#0c151d;border:1px solid var(--op-border);box-shadow:var(--op-shadow)}.op-dropdown .dropdown-item{color:#dfe7ee}.op-dropdown .dropdown-item:hover,.op-dropdown .dropdown-item.active{background:rgba(245,166,35,.14);color:#fff}.op-profile{display:flex;gap:.55rem;align-items:center;background:rgba(255,255,255,.06);border:1px solid var(--op-border);color:#fff;border-radius:14px;font-weight:800}.op-avatar{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--op-primary),#7a4700);display:grid;place-items:center}.op-btn{--bs-btn-bg:linear-gradient(180deg,var(--op-primary),#a96706);background:linear-gradient(180deg,var(--op-primary),#a96706);border:1px solid rgba(255,214,112,.55);color:#fff!important;border-radius:12px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 10px 26px rgba(245,166,35,.22)}.op-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.op-btn-ghost{background:rgba(255,255,255,.06);border-color:var(--op-border);box-shadow:none}.op-btn-lg{padding:.9rem 1.35rem}.op-hero{position:relative;min-height:670px;margin-top:-76px;background-image:linear-gradient(90deg,rgba(3,8,13,.92) 0%,rgba(3,8,13,.62) 42%,rgba(3,8,13,.18) 78%),var(--op-hero-image);background-position:center;background-size:cover;overflow:hidden}.op-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),#061017 99%),radial-gradient(circle at 20% 60%,rgba(245,166,35,.18),transparent 25%)}.op-hero:after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(transparent,#061017)}.op-hero-inner{position:relative;z-index:1;padding-top:105px}.min-vh-75{min-height:620px}.op-kicker{font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(1.4rem,3vw,2.4rem);text-shadow:0 3px 0 #000}.op-hero h1{font-size:clamp(4rem,10vw,8.5rem);line-height:.82;margin:.1em 0 .15em;font-weight:1000;letter-spacing:-.06em;background:linear-gradient(90deg,var(--op-primary),#fff 42%,#dce6ef 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 40px rgba(0,0,0,.55)}.op-lead{font-size:clamp(1.1rem,2vw,1.55rem);font-weight:800}.op-hero-text{max-width:560px;color:var(--op-muted);font-size:1.06rem}.op-main{margin-top:-92px;position:relative;z-index:2}.op-stats{display:grid;grid-template-columns:repeat(5,1fr);background:rgba(8,18,27,.88);border:1px solid var(--op-border);border-radius:16px;box-shadow:var(--op-shadow);overflow:hidden;margin-bottom:24px}.op-stat{padding:22px;display:grid;grid-template-columns:42px 1fr;gap:0 12px;align-items:center;border-right:1px solid var(--op-border)}.op-stat:last-child{border-right:0}.op-stat i{grid-row:span 2;color:var(--op-primary);font-size:2rem}.op-stat strong{font-size:1.5rem;line-height:1}.op-stat span{color:var(--op-muted);font-size:.75rem;text-transform:uppercase;font-weight:800}.op-section,.op-panel{background:linear-gradient(180deg,rgba(13,25,35,.9),rgba(7,15,22,.9));border:1px solid var(--op-border);border-radius:16px;box-shadow:0 16px 55px rgba(0,0,0,.25);padding:22px;margin-bottom:24px}.op-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:1rem}.op-section h2{font-size:1.05rem;text-transform:uppercase;font-weight:1000;letter-spacing:.04em;margin:0}.op-small-link{color:#fff;text-decoration:none;border:1px solid var(--op-border);border-radius:10px;padding:.45rem .8rem;font-size:.72rem;text-transform:uppercase;font-weight:900}.op-category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.op-category{text-decoration:none;color:#fff;background:rgba(255,255,255,.045);border:1px solid var(--op-border);border-radius:12px;padding:22px 12px;text-align:center;transition:.2s}.op-category:hover{transform:translateY(-4px);background:rgba(245,166,35,.1);border-color:rgba(245,166,35,.45);color:#fff}.op-category i{font-size:2.4rem;color:var(--op-primary);display:block;margin-bottom:12px}.op-category strong{display:block;font-size:.92rem}.op-category span{color:var(--op-muted);font-size:.78rem}.op-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.op-entry-card{background:#0b141d;border:1px solid var(--op-border);border-radius:15px;overflow:hidden;transition:.2s}.op-entry-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(0,0,0,.35)}.op-card-image{height:145px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(245,166,35,.25),rgba(88,214,109,.12)),radial-gradient(circle at 50% 30%,rgba(255,255,255,.14),transparent 35%),#111d26}.op-card-image i{font-size:4rem;color:var(--op-primary);filter:drop-shadow(0 8px 16px #000)}.op-card-body{padding:14px}.op-card-body small{color:var(--op-secondary);font-weight:900;text-transform:uppercase;font-size:.67rem}.op-card-body h3{font-size:1.08rem;font-weight:900;margin:.15rem 0}.op-card-body p{color:var(--op-muted);font-size:.86rem}.op-card-foot{display:flex;justify-content:space-between;color:#fff;font-size:.82rem}.op-card-foot i,.op-list span{color:var(--op-primary)}.op-dots i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--op-primary);margin-left:5px;opacity:.75}.op-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.op-step{position:relative;background:rgba(255,255,255,.045);border:1px solid var(--op-border);border-radius:14px;padding:18px 18px 18px 64px;min-height:130px}.op-step b{position:absolute;left:18px;bottom:18px;font-size:2rem;color:#fff;opacity:.8}.op-step i{font-size:2.3rem;color:var(--op-primary)}.op-step h3{font-size:.95rem;text-transform:uppercase;font-weight:900;margin:.45rem 0}.op-step p{font-size:.84rem;color:var(--op-muted);margin:0}.op-list{display:grid;gap:10px}.op-list>div{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.045);border:1px solid var(--op-border);border-radius:12px;padding:13px 16px}.progress{background:rgba(255,255,255,.12)}.progress-bar{background:linear-gradient(90deg,var(--op-primary),var(--op-secondary))}.op-page{padding-top:42px}.card,.modal-content,.list-group-item{background:#0b141d;border-color:var(--op-border)}.op-footer{background:#050b10;border-top:1px solid var(--op-border);padding-bottom:80px}.op-footer-logo{height:42px}.op-footer h6{text-transform:uppercase;font-weight:900;letter-spacing:.04em}.op-footer-list a{color:var(--op-muted);text-decoration:none}.op-footer-list a:hover{color:#fff}.op-social{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid var(--op-border);color:#fff;text-decoration:none}.op-mobilebar{display:none}
@media (max-width: 1199px){.op-category-grid{grid-template-columns:repeat(3,1fr)}.op-card-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 991px){body{padding-top:68px}.op-navbar{background:rgba(4,9,14,.96)}.op-user-actions{margin-top:1rem;align-items:stretch!important;flex-direction:column}.op-hero{min-height:600px}.op-stats{grid-template-columns:repeat(2,1fr)}.op-stat{border-bottom:1px solid var(--op-border)}.op-stat:last-child{grid-column:span 2}.op-steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 767px){body{padding-bottom:84px}.op-brand img{height:34px}.op-hero{min-height:560px}.op-hero-inner{padding-top:82px}.min-vh-75{min-height:520px}.op-main{margin-top:-70px}.op-hero h1{font-size:4.2rem}.op-stats{border-radius:14px}.op-stat{padding:16px}.op-stat strong{font-size:1.25rem}.op-section,.op-panel{padding:16px;border-radius:14px}.op-category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.op-card-grid{grid-template-columns:1fr}.op-card-image{height:135px}.op-steps{grid-template-columns:1fr}.op-list>div{align-items:flex-start;gap:.75rem;flex-direction:column}.op-mobilebar{position:fixed;z-index:1080;left:12px;right:12px;bottom:12px;height:66px;background:rgba(7,14,21,.94);border:1px solid var(--op-border);border-radius:22px;box-shadow:0 16px 50px rgba(0,0,0,.55);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.op-mobilebar a{color:#fff;text-decoration:none;display:grid;place-items:center;font-size:.68rem;font-weight:800;text-transform:uppercase}.op-mobilebar i{font-size:1.25rem}.op-mobile-plus{width:52px;height:52px;border-radius:50%;margin:auto;background:linear-gradient(180deg,var(--op-primary),#a96706);transform:translateY(-12px);box-shadow:0 8px 25px rgba(245,166,35,.35)}.op-mobile-plus i{font-size:1.8rem!important}.op-mobile-plus span{display:none}} 
@media (max-width: 420px){.op-hero h1{font-size:3.35rem}.op-kicker{font-size:1.2rem}.op-stat{grid-template-columns:32px 1fr}.op-stat i{font-size:1.5rem}.op-category i{font-size:2rem}.op-category strong{font-size:.82rem}}