*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #ffb400;--dark-bg: #111111;--dark-bg2: #1e1e1e;--dark-bg3: #252525;--dark-bg4: #2b2a2a;--dark-border: #333333;--text-white: #ffffff;--text-light: #eeeeee;--text-muted: #999999;--font-p: "Poppins", sans-serif;--font-os: "Open Sans", sans-serif;--ease: .3s ease;--navbar-w: 80px;--navbar-h: 64px}html{height:100%;overflow-x:hidden;scroll-behavior:smooth}body{font-family:var(--font-p);font-size:15px;color:var(--text-white);background-color:var(--dark-bg);line-height:1.6;height:100%}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul,ol{list-style:none;padding:0;margin:0}button{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-bg4)}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-wrap{min-height:100vh;padding:60px 30px}@media(min-width:992px){.page-wrap{padding:60px calc(var(--navbar-w) + 40px) 60px 60px}}.section-title{position:relative;text-align:center;margin-bottom:60px;padding:24px 0}.section-title h1,.section-title h2{font-family:var(--font-p);font-size:clamp(32px,5vw,56px);font-weight:900;text-transform:uppercase;color:var(--text-white);margin:0;line-height:1}.section-title .accent{color:var(--primary)}.title-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(48px,10vw,120px);font-weight:800;text-transform:uppercase;letter-spacing:8px;color:#ffffff0a;pointer-events:none;user-select:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:35px;font-family:var(--font-p);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;transition:opacity var(--ease)}.btn-yellow{background-color:var(--primary);color:#111}.btn-yellow:hover{opacity:.85}.custom-title{font-size:22px;font-weight:600;text-transform:uppercase;padding-bottom:22px}hr.separator{border:none;border-top:1px solid var(--dark-border);margin:55px auto;max-width:40%}.app-header{position:fixed;right:0;top:0;height:100vh;width:var(--navbar-w);z-index:500;display:flex;align-items:center;justify-content:center}.nav-list{display:flex;flex-direction:column;gap:14px}.nav-item{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:var(--dark-bg4);color:var(--text-white);font-size:18px;position:relative;text-decoration:none;transition:background-color var(--ease),color var(--ease)}.nav-item:hover,.nav-item:focus-visible,.nav-item.active{background-color:var(--primary);color:#111;outline:none}.nav-item:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.nav-label{position:absolute;right:62px;white-space:nowrap;font-family:var(--font-p);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background-color:var(--primary);color:#111;padding:5px 12px;border-radius:4px;opacity:0;pointer-events:none;transform:translate(8px);transition:opacity .2s,transform .2s}.nav-label:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:var(--primary);border-right:none}.nav-item:hover .nav-label,.nav-item:focus-visible .nav-label{opacity:1;transform:translate(0)}@media(min-width:992px){.app-main{padding-right:var(--navbar-w)}}@media(max-width:991px){.app-header{inset:auto 0 0;height:var(--navbar-h);width:100%;background-color:var(--dark-bg3);box-shadow:0 -2px 12px #00000080;align-items:center;justify-content:center}.nav-list{flex-direction:row;justify-content:space-around;align-items:center;width:100%;padding:0 20px;gap:0}.nav-item{width:46px;height:46px;font-size:17px;background-color:transparent}.nav-item:hover,.nav-item:focus-visible,.nav-item.active{background-color:transparent;color:var(--primary)}.nav-label{display:none}}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.pricing-grid>div{border:1px solid #ddd;border-radius:12px;padding:1.5rem}
