:root{--gb-primary:#00d1ff;--gb-primary-600:#00b5e6;--gb-primary-700:#0999cc;--gb-accent:#00e5b5;--gb-accent-600:#00c9a1;--gb-highlight:#ffe066;--gb-danger:#ff4d6d;--gb-success:#22d3a6;--gb-bg:#0e1b2a;--gb-card:#12243a;--gb-border:hsla(0,0%,100%,.12);--gb-text:#eaf6ff;--gb-text-dim:#b7d3ea;--gb-radius:16px;--gb-radius-sm:8px;--gb-radius-lg:20px;--gb-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--gb-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.home-page{min-height:100vh;background-color:var(--gb-bg);color:var(--gb-text)}.header{background:var(--gb-card);border-bottom:1px solid var(--gb-border);padding:1rem 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)}.header-content{justify-content:space-between}.header-content,.logo{display:flex;align-items:center}.logo{gap:12px;text-decoration:none;transition:transform .2s ease}.logo-image{height:45px;width:auto;max-width:180px;-o-object-fit:contain;object-fit:contain;display:block}.logo:hover{transform:translateY(-1px)}.portal-badge{background:linear-gradient(135deg,var(--gb-primary) 0,var(--gb-accent) 100%);color:var(--gb-bg);padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.nav{display:flex;align-items:center;gap:12px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--gb-radius);font-weight:600;font-size:1rem;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;gap:8px;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--gb-primary) 0,var(--gb-accent) 100%);color:var(--gb-bg);box-shadow:var(--gb-shadow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--gb-shadow-lg)}.btn-ghost{background:transparent;border:2px solid var(--gb-primary-700);color:var(--gb-primary)}.btn-ghost:hover{background:rgba(0,209,255,.12);border-color:var(--gb-primary)}.btn-ghost-sm{background:transparent;border:1px solid var(--gb-border);color:var(--gb-text-dim);padding:8px 16px;font-size:.875rem}.btn-ghost-sm:hover{border-color:var(--gb-primary);color:var(--gb-primary)}.btn-primary-sm{background:linear-gradient(135deg,var(--gb-primary) 0,var(--gb-accent) 100%);color:var(--gb-bg);padding:8px 16px;font-size:.875rem}.btn-lg{padding:16px 32px;font-size:1.125rem}.hero{padding:120px 0 80px;position:relative;overflow:hidden}.grid-bg{background-image:linear-gradient(rgba(0,209,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,209,255,.03) 1px,transparent 0);background-size:50px 50px}.hero-content{text-align:center;max-width:900px;margin:0 auto}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:24px;background:linear-gradient(135deg,var(--gb-primary) 0,var(--gb-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.25rem);color:var(--gb-text-dim);margin-bottom:32px;line-height:1.6}.hero-subtitle strong{color:var(--gb-text);font-weight:600}.text-highlight{color:var(--gb-highlight)}.hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:700px;margin:0 auto}.stat{text-align:center}.stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--gb-primary) 0,var(--gb-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:.875rem;color:var(--gb-text-dim);text-transform:uppercase;letter-spacing:.5px}.cta-section,.features,.how-it-works{padding:80px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:clamp(1.75rem,4vw,2.5rem);color:var(--gb-text);margin-bottom:12px}.section-header p{font-size:1.1rem;color:var(--gb-text-dim)}.card{background:var(--gb-card);border-radius:var(--gb-radius);padding:24px;box-shadow:var(--gb-shadow);border:1px solid var(--gb-border);transition:all .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--gb-shadow-lg);border-color:rgba(0,209,255,.35)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.feature-card{text-align:center;padding:32px 24px}.feature-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--gb-primary) 0,var(--gb-accent) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--gb-bg);box-shadow:var(--gb-shadow-lg)}.feature-card h3{font-size:1.25rem;color:var(--gb-text);margin-bottom:12px}.feature-card p{color:var(--gb-text-dim);line-height:1.5;margin:0}.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:24px;align-items:center;max-width:1000px;margin:0 auto}.step{text-align:center;padding:32px 24px;background:var(--gb-card);border-radius:var(--gb-radius);border:1px solid var(--gb-border)}.step-number{width:48px;height:48px;background:linear-gradient(135deg,var(--gb-primary) 0,var(--gb-accent) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.5rem;font-weight:800;color:var(--gb-bg)}.step h3{font-size:1.25rem;color:var(--gb-text);margin-bottom:12px}.step p{color:var(--gb-text-dim);line-height:1.5;margin:0}.step-arrow{font-size:2rem;color:var(--gb-primary);font-weight:700}.cta-card{text-align:center;padding:60px 40px;max-width:800px;margin:0 auto}.cta-card h2{font-size:clamp(1.75rem,4vw,2.5rem);color:var(--gb-text);margin-bottom:16px}.cta-card p{font-size:1.1rem;color:var(--gb-text-dim);margin-bottom:32px;line-height:1.6}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.footer{background:var(--gb-card);border-top:1px solid var(--gb-border);padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;margin-bottom:40px}.footer-brand p{color:var(--gb-text-dim);font-size:.9rem;margin-top:12px}.footer-logo{height:40px;width:auto;max-width:160px;-o-object-fit:contain;object-fit:contain;display:block}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.link-group h4{color:var(--gb-text);font-size:.9rem;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.link-group ul{list-style:none;padding:0;margin:0}.link-group li{margin-bottom:8px}.link-group a{color:var(--gb-text-dim);font-size:.9rem;text-decoration:none;transition:color .2s ease}.link-group a:hover{color:var(--gb-primary)}.footer-social h4{color:var(--gb-text);font-size:.9rem;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.social-links{display:flex;gap:12px}.social-links a{width:40px;height:40px;background:var(--gb-bg);border:1px solid var(--gb-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gb-text-dim);transition:all .2s ease}.social-links a:hover{background:var(--gb-primary);border-color:var(--gb-primary);color:var(--gb-bg);transform:translateY(-2px)}.footer-bottom{padding-top:20px;border-top:1px solid var(--gb-border);text-align:center}.footer-bottom p{color:var(--gb-text-dim);font-size:.85rem;margin:0}@media (max-width:768px){.nav{gap:8px}.portal-badge{display:none}.hero{padding:80px 0 60px}.hero-stats{grid-template-columns:1fr;gap:24px}.cta-section,.features,.how-it-works{padding:60px 0}.features-grid{gap:24px}.features-grid,.steps{grid-template-columns:1fr}.step-arrow{display:none}.footer-content{grid-template-columns:1fr;gap:32px;text-align:center}.footer-links{grid-template-columns:1fr;gap:24px}.social-links{justify-content:center}}@media (max-width:480px){.hero{padding:60px 0 40px}.hero-ctas{flex-direction:column;align-items:stretch}.btn-lg{width:100%}.cta-card{padding:40px 24px}.cta-buttons{flex-direction:column;align-items:stretch}}