*,*:before,*:after{box-sizing:border-box;margin:0}body{font-family:var(--bb-font-ui);background:var(--bb-bg);color:var(--bb-text-body);min-height:100vh;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bg-layer:before{content:"";position:absolute;width:700px;height:700px;top:-200px;right:-150px;background:radial-gradient(circle,rgba(46,196,182,.07) 0%,transparent 70%)}.bg-layer:after{content:"";position:absolute;width:600px;height:600px;bottom:-200px;left:-150px;background:radial-gradient(circle,rgba(212,168,65,.06) 0%,transparent 70%)}.hdr{position:relative;z-index:2;background:linear-gradient(135deg,#1a1240,#0b1026);color:#fff;padding:0 20px;display:flex;align-items:center;justify-content:center;height:56px;box-shadow:0 2px 8px #0000004d;overflow:hidden}.hdr:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;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") repeat;opacity:.4;pointer-events:none}.hdr:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2ec4b6,#d4a841,#cc4574,#8b5cf6,#00bbdf,#d4a841,#2ec4b6);pointer-events:none}.hdr-inner{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.logo{width:36px;height:36px;background:var(--bb-gold);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:var(--bb-bg);flex-shrink:0;font-family:var(--bb-font-display),serif}.hdr-title{font-size:15px;font-weight:700;font-family:var(--bb-font-display);letter-spacing:-.3px}.hdr-sub{font-size:12px;opacity:.4;margin-top:1px;font-family:var(--bb-font-ui);text-transform:uppercase;letter-spacing:3px;color:#d4a84180}.main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px 40px}.welcome{text-align:center;margin-bottom:32px}.welcome img{width:72px;margin-bottom:16px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.12))}.welcome h1{font-family:var(--bb-font-display);font-size:26px;font-weight:800;letter-spacing:-.3px;line-height:1.2;margin-bottom:8px;color:var(--bb-text)}.welcome p{font-size:14px;color:var(--bb-text-secondary);line-height:1.5;font-family:var(--bb-font-body)}.gate-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:480px}@media (max-width: 640px){.gate-grid{grid-template-columns:1fr;max-width:320px}}.gate-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 18px 26px;border-radius:var(--bb-radius-lg);text-decoration:none;color:var(--bb-text);background:var(--bb-card);border:2px solid var(--bb-border);box-shadow:var(--bb-shadow);transition:all .22s;cursor:pointer;position:relative;overflow:hidden;min-height:200px}.gate-card:focus-visible{outline:3px solid var(--bb-gold);outline-offset:4px}.gate-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .2s}.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{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.manager .gc-icon{background:#2ec4b61a;border:1px solid rgba(46,196,182,.2)}.corporate .gc-icon{background:#d4a8411a;border:1px solid rgba(212,168,65,.2)}.gc-icon svg{width:26px;height:26px}.gc-name{font-family:var(--bb-font-display);font-size:18px;font-weight:800;margin-bottom:6px;letter-spacing:-.2px}.gc-desc{font-size:12px;color:var(--bb-text-secondary);line-height:1.5;text-align:center;font-family:var(--bb-font-body)}.gc-arrow{margin-top:16px;font-size:12px;font-weight:700;font-family:var(--bb-font-ui);padding:7px 18px;border-radius:20px;letter-spacing:.3px}.manager .gc-arrow{background:#2ec4b61f;color:var(--bb-teal)}.corporate .gc-arrow{background:#d4a8411f;color:var(--bb-gold)}.tagline{margin-top:32px;font-size:12px;color:var(--bb-text-dim);font-style:italic;text-align:center;font-family:var(--bb-font-body)}.footer{position:relative;z-index:1;text-align:center;padding:12px 20px 28px;font-size:11px;color:var(--bb-text-dim);font-family:var(--bb-font-ui)}@media (prefers-reduced-motion: reduce){.gate-card{transition:none}.gate-card:hover,.gate-card:active{transform:none}}