*,:before,:after{box-sizing:border-box;margin:0}body{font-family:var(--bb-font-ui);background:var(--bb-bg);color:var(--bb-text-body);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;display:flex}.bg-layer{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-layer:before{content:"";background:radial-gradient(circle,#2ec4b612 0%,#0000 70%);width:700px;height:700px;position:absolute;top:-200px;right:-150px}.bg-layer:after{content:"";background:radial-gradient(circle,#d4a8410f 0%,#0000 70%);width:600px;height:600px;position:absolute;bottom:-200px;left:-150px}.hdr{z-index:2;color:#fff;background:linear-gradient(135deg,#1a1240,#0b1026);justify-content:center;align-items:center;height:56px;padding:0 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000004d}.hdr:before{content:"";opacity:.4;pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0L40 20L20 40L0 20Z' fill='none' stroke='%23D4A84115' stroke-width='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.hdr:after{content:"";pointer-events:none;background:linear-gradient(90deg,#2ec4b6,#d4a841,#cc4574,#8b5cf6,#00bbdf,#d4a841,#2ec4b6);height:3px;position:absolute;bottom:0;left:0;right:0}.hdr-inner{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.logo{background:var(--bb-gold);width:36px;height:36px;color:var(--bb-bg);font-size:12px;font-weight:900;font-family:var(--bb-font-display), serif;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hdr-title{font-size:15px;font-weight:700;font-family:var(--bb-font-display);letter-spacing:-.3px}.hdr-sub{opacity:.4;font-size:12px;font-family:var(--bb-font-ui);text-transform:uppercase;letter-spacing:3px;color:#d4a84180;margin-top:1px}.main{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 20px 40px;display:flex;position:relative}.welcome{text-align:center;margin-bottom:32px}.welcome img{filter:drop-shadow(0 2px 8px #0000001f);width:72px;margin-bottom:16px}.welcome h1{font-family:var(--bb-font-display);letter-spacing:-.3px;color:var(--bb-text);margin-bottom:8px;font-size:26px;font-weight:800;line-height:1.2}.welcome p{color:var(--bb-text-secondary);font-size:14px;line-height:1.5;font-family:var(--bb-font-body)}.gate-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:480px;display:grid}@media (width<=640px){.gate-grid{grid-template-columns:1fr;max-width:320px}}.gate-card{border-radius:var(--bb-radius-lg);color:var(--bb-text);background:var(--bb-card);border:2px solid var(--bb-border);box-shadow:var(--bb-shadow);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:32px 18px 26px;text-decoration:none;transition:all .22s;display:flex;position:relative;overflow:hidden}.gate-card:focus-visible{outline:3px solid var(--bb-gold);outline-offset:4px}.gate-card:before{content:"";opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.gate-card:hover{transform:translateY(-4px)}.gate-card:hover:before{opacity:1}.gate-card:active{transform:translateY(-1px)}.gate-card.manager{border-color:#2ec4b64d}.gate-card.manager:before{background:var(--bb-teal)}.gate-card.manager:hover{border-color:var(--bb-teal);box-shadow:0 10px 32px #2ec4b62e}.gate-card.corporate{border-color:#d4a8414d}.gate-card.corporate:before{background:var(--bb-gold)}.gate-card.corporate:hover{border-color:var(--bb-gold);box-shadow:0 10px 32px #d4a8412e}.gc-icon{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:14px;display:flex}.manager .gc-icon{background:#2ec4b61a;border:1px solid #2ec4b633}.corporate .gc-icon{background:#d4a8411a;border:1px solid #d4a84133}.gc-icon svg{width:26px;height:26px}.gc-name{font-family:var(--bb-font-display);letter-spacing:-.2px;margin-bottom:6px;font-size:18px;font-weight:800}.gc-desc{color:var(--bb-text-secondary);text-align:center;font-size:12px;line-height:1.5;font-family:var(--bb-font-body)}.gc-arrow{font-size:12px;font-weight:700;font-family:var(--bb-font-ui);letter-spacing:.3px;border-radius:20px;margin-top:16px;padding:7px 18px}.manager .gc-arrow{color:var(--bb-teal);background:#2ec4b61f}.corporate .gc-arrow{color:var(--bb-gold);background:#d4a8411f}.tagline{color:var(--bb-text-dim);text-align:center;font-size:12px;font-style:italic;font-family:var(--bb-font-body);margin-top:32px}.footer{z-index:1;text-align:center;color:var(--bb-text-dim);font-size:11px;font-family:var(--bb-font-ui);padding:12px 20px 28px;position:relative}@media (prefers-reduced-motion:reduce){.gate-card{transition:none}.gate-card:hover,.gate-card:active{transform:none}}