@import url("https://fonts.googleapis.com/css2?family=Anton&family=Manrope:wght@400;600;700;800&display=swap");*{box-sizing:border-box;margin:0;padding:0;font-family:Manrope,Arial,Helvetica,sans-serif}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{background:radial-gradient(900px 600px at 15% 10%,rgba(59,130,246,.25),transparent 60%),radial-gradient(900px 600px at 85% 85%,rgba(14,165,233,.18),transparent 60%),linear-gradient(135deg,rgba(2,6,23,.94),rgba(15,23,42,.92)),url(/hero-stadium.jpg);background-size:cover;background-position:50%;min-height:100vh}:root{--ink:#0f172a;--ink-soft:#334155;--ink-muted:#475569;--snow:#f8fafc;--card:hsla(0,0%,100%,.96);--border:rgba(148,163,184,.5);--primary:#2563eb;--primary-strong:#1d4ed8;--glow:rgba(37,99,235,.25)}.form-container{max-width:640px;margin:56px auto;padding:36px 42px;background:var(--card);border-radius:20px;border:1px solid var(--border);box-shadow:0 18px 40px rgba(2,6,23,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.section-title{text-align:center;margin-bottom:18px}.section-title h1{font-size:30px;font-weight:800;color:var(--ink);letter-spacing:.01em}.section-title p{margin-top:6px;color:var(--ink-muted);font-weight:600;font-size:15px}.form-title{text-align:center;font-size:28px;margin-bottom:26px;font-weight:800;color:var(--ink);letter-spacing:.01em}.field{margin-bottom:18px}.label{display:block;margin-bottom:6px;font-size:13px;color:var(--ink-muted);font-weight:800;letter-spacing:.02em}.input,.select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;font-size:15px;color:var(--ink);background:rgba(248,250,252,.95);transition:all .2s ease}.input::placeholder{color:rgba(71,85,105,.7)}.checkbox-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:rgba(248,250,252,.95);font-weight:600;color:var(--ink)}.checkbox-row input{width:16px;height:16px;accent-color:var(--primary)}.input:focus,.select:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px var(--glow)}.button{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:800;cursor:pointer;transition:.2s ease}.form-grid{display:grid;grid-gap:16px;gap:16px}.form-actions{grid-column:1/-1}.button:hover{background:var(--primary-strong);box-shadow:0 10px 22px rgba(37,99,235,.3)}.button.button-small{width:auto;padding:10px 14px;border-radius:10px;font-size:14px}.message{text-align:center;margin-top:15px;font-weight:600;color:var(--ink-muted)}.browse-container{max-width:1120px;margin:40px auto 80px;padding:0 20px}.browse-header{margin-bottom:24px}.browse-subtitle{color:#cbd5f5;margin-top:6px}.browse-db-header{text-align:center;margin-bottom:28px}.browse-db-header h1{font-family:Anton,Arial,Helvetica,sans-serif;color:#f8fafc;font-size:44px;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 6px 18px rgba(2,6,23,.45)}.browse-db-header .browse-subtitle{color:#e2e8f0;font-weight:600;max-width:620px;margin:10px auto 0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:18px;gap:18px}.card{background:hsla(0,0%,100%,.95);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 14px 30px rgba(2,6,23,.25)}.link-card{text-decoration:none;color:inherit;transition:transform .12s ease,box-shadow .12s ease}.link-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}.card-top{display:flex;gap:12px;align-items:center;margin-bottom:12px}.card-photo,.card-photo-placeholder{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 64px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-weight:700;color:#374151}.card-title{font-size:18px;margin-bottom:4px;color:var(--ink);font-weight:800}.card-meta{color:#475569;font-size:14px}.card-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.badge{background:rgba(37,99,235,.12);color:#1d4ed8;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600}.card-details{display:grid;grid-gap:6px;gap:6px;color:#334155;font-size:14px}.admin-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.landing{color:var(--snow)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:100px 20px 80px}.hero-glow{position:absolute;width:900px;height:600px;border-radius:50%;pointer-events:none;filter:blur(80px)}.hero-glow--left{top:-10%;left:-10%;background:rgba(37,99,235,.3)}.hero-glow--right{bottom:-15%;right:-8%;background:rgba(14,165,233,.2)}.hero-inner{position:relative;z-index:1;max-width:780px}.hero-kicker{font-family:Manrope,sans-serif;font-weight:800;font-size:13px;letter-spacing:.28em;color:#93c5fd;margin-bottom:24px}.hero-h1{font-family:Anton,Arial,Helvetica,sans-serif;font-size:80px;line-height:.95;letter-spacing:.04em;margin-bottom:24px}.hero-accent{color:#60a5fa}.hero-sub{font-size:19px;line-height:1.6;color:#cbd5e1;font-weight:500;max-width:560px;margin:0 auto 36px}.hero-cta-row{display:flex;justify-content:center;gap:14px;margin-bottom:18px}.cta-btn{display:inline-block;padding:16px 44px;background:var(--primary);color:#fff;font-weight:800;font-size:16px;letter-spacing:.03em;border:none;border-radius:14px;text-decoration:none;cursor:pointer;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.cta-btn:hover{background:var(--primary-strong);box-shadow:0 14px 34px rgba(37,99,235,.4);transform:translateY(-2px)}.hero-login{font-size:14px;color:#94a3b8;font-weight:600}.hero-login a{color:#93c5fd;text-decoration:none;font-weight:700;transition:color .15s ease}.hero-login a:hover{color:#60a5fa}.sect{padding:80px 20px}.sect--alt{background:rgba(15,23,42,.45)}.sect-inner{max-width:960px;margin:0 auto}.sect-label{font-weight:800;font-size:12px;letter-spacing:.3em;color:#60a5fa;margin-bottom:12px;text-align:center}.sect-h2{font-family:Anton,Arial,Helvetica,sans-serif;font-size:40px;letter-spacing:.03em;text-align:center;margin-bottom:20px;line-height:1.05}.sect-body{max-width:640px;margin:0 auto;text-align:center;font-size:17px;line-height:1.7;color:#cbd5e1;font-weight:500}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:40px}.role-card{background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.25);border-radius:20px;padding:30px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.role-card:hover{transform:translateY(-4px);border-color:rgba(96,165,250,.4);box-shadow:0 20px 40px rgba(2,6,23,.5)}.role-icon{width:48px;height:48px;border-radius:14px;background:rgba(37,99,235,.15);display:grid;place-items:center;margin-bottom:18px;color:#60a5fa}.role-icon svg{width:24px;height:24px}.role-title{font-size:20px;font-weight:800;margin-bottom:8px;letter-spacing:.01em}.role-text{color:#94a3b8;font-size:15px;line-height:1.6;font-weight:500}.steps-row{display:flex;align-items:flex-start;gap:0;margin-top:44px}.step{flex:1 1;text-align:center;padding:0 16px}.step-line{width:1px;min-height:100px;background:rgba(148,163,184,.25);flex-shrink:0;margin-top:8px}.step-num{font-family:Anton,Arial,Helvetica,sans-serif;font-size:48px;letter-spacing:.04em;color:rgba(96,165,250,.25);line-height:1;display:block;margin-bottom:14px}.step-title{font-size:18px;font-weight:800;margin-bottom:8px}.step-text{color:#94a3b8;font-size:15px;line-height:1.6;font-weight:500}.perks-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-top:40px}.perk{text-align:center;padding:24px 16px;background:rgba(15,23,42,.45);border:1px solid rgba(148,163,184,.18);border-radius:18px;transition:transform .18s ease,border-color .18s ease}.perk:hover{transform:translateY(-3px);border-color:rgba(96,165,250,.3)}.perk-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:rgba(37,99,235,.12);font-family:Anton,Arial,Helvetica,sans-serif;font-size:22px;color:#60a5fa;letter-spacing:.02em}.perk-icon svg{width:24px;height:24px}.perk-title{font-size:16px;font-weight:800;margin-bottom:6px}.perk-text{color:#94a3b8;font-size:14px;line-height:1.55;font-weight:500}.sect--cta{padding:100px 20px}.sect-inner--cta{text-align:center}.cta-h2{font-family:Anton,Arial,Helvetica,sans-serif;font-size:48px;letter-spacing:.04em;margin-bottom:16px;line-height:1.05}.cta-sub{font-size:18px;color:#cbd5e1;font-weight:500;margin-bottom:32px}@media (max-width:720px){.hero{padding:80px 20px 60px;min-height:auto}.hero-h1{font-size:48px}.hero-sub{font-size:16px}.sect{padding:56px 16px}.sect-h2{font-size:30px}.role-grid{grid-template-columns:1fr}.steps-row{flex-direction:column;align-items:center}.step-line{width:60px;min-height:0;height:1px;margin:20px 0}.perks-grid{grid-template-columns:1fr 1fr}.cta-h2{font-size:36px}}@media (max-width:420px){.hero-h1{font-size:40px}.hero-kicker{font-size:11px}.cta-btn{padding:14px 32px;font-size:15px}.perks-grid{grid-template-columns:1fr}.sect-h2{font-size:26px}.cta-h2{font-size:30px}}@media (max-width:720px){body{background-attachment:scroll}.form-container{margin:22px 12px 36px;padding:22px 20px;border-radius:16px}.form-title{margin-bottom:22px}.form-title,.section-title h1{font-size:22px}.button,.input,.select{padding:12px;font-size:15px}.browse-container{margin:20px auto 60px}.browse-db-header h1{font-size:34px}.cards-grid{grid-template-columns:1fr}.card{padding:14px}.card-top{gap:10px}.card-photo,.card-photo-placeholder{width:56px;height:56px;flex:0 0 56px}}@media (min-width:960px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .field{margin-bottom:0}.form-grid textarea{grid-column:1/-1}}.nav-menu{position:fixed;top:16px;left:16px;z-index:50}.nav-toggle{background:rgba(15,23,42,.75);color:#f8fafc;border:1px solid rgba(148,163,184,.4);width:42px;height:42px;border-radius:12px;font-size:20px;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,border-color .15s ease,transform .15s ease}.nav-toggle:hover{background:rgba(15,23,42,.9);border-color:rgba(96,165,250,.5);transform:translateY(-1px)}.nav-dropdown{margin-top:10px;background:rgba(15,23,42,.92);border:1px solid rgba(148,163,184,.35);border-radius:14px;padding:10px;display:grid;grid-gap:6px;gap:6px;min-width:220px;box-shadow:0 16px 30px rgba(2,6,23,.45)}.nav-dropdown a{color:#e2e8f0;text-decoration:none;padding:8px 10px;border-radius:10px;font-weight:600}.nav-dropdown a:hover{background:rgba(96,165,250,.15)}.site-footer{margin:40px auto 28px;padding:0 20px 30px}.footer-inner{max-width:760px;margin:0 auto;background:rgba(15,23,42,.75);border:1px solid rgba(148,163,184,.35);border-radius:16px;padding:18px 22px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;grid-gap:14px;gap:14px;box-shadow:0 16px 30px rgba(2,6,23,.45)}.footer-stat{text-align:center}.footer-link{text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.footer-link:hover{transform:translateY(-2px)}.footer-number{font-family:Anton,Arial,Helvetica,sans-serif;font-size:32px;letter-spacing:.06em;color:#93c5fd}.footer-label{margin-top:6px;font-weight:700;color:#e2e8f0;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.footer-divider{width:1px;height:40px;background:rgba(148,163,184,.35)}@media (max-width:720px){.footer-inner{grid-template-columns:1fr;gap:10px}.footer-divider{width:100%;height:1px}}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.auth-divider span{font-size:13px;font-weight:700;color:var(--ink-muted);text-transform:lowercase}.social-buttons{display:grid;grid-gap:10px;gap:10px}.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 14px;background:rgba(248,250,252,.95);border:1px solid var(--border);border-radius:12px;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer;transition:all .2s ease}.social-btn:hover{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px var(--glow)}.auth-footer-link{text-align:center;margin-top:20px;font-size:14px;font-weight:600;color:var(--ink-muted)}.auth-footer-link a{color:var(--primary);text-decoration:none;font-weight:700}.auth-footer-link a:hover{text-decoration:underline}.role-checkboxes{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:28px}.role-checkbox-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;background:rgba(248,250,252,.95);border:2px solid var(--border);border-radius:16px;cursor:pointer;transition:all .2s ease;font-family:inherit;color:var(--ink)}.role-checkbox-item:hover:not(:disabled){border-color:var(--primary);box-shadow:0 0 0 4px var(--glow)}.role-checkbox-item.selected{border-color:var(--primary);background:rgba(37,99,235,.08)}.role-checkbox-item:disabled{opacity:.6;cursor:default}.role-checkbox-icon{width:40px;height:40px;border-radius:12px;background:rgba(37,99,235,.12);display:grid;place-items:center;color:var(--primary)}.role-checkbox-icon svg{width:22px;height:22px}.role-checkbox-label{font-size:15px;font-weight:800}.role-checkbox-badge{font-size:11px;font-weight:700;color:#16a34a;background:rgba(22,163,74,.1);padding:2px 8px;border-radius:999px}.setup-section{border-top:1px solid var(--border);padding-top:24px;margin-top:24px}.setup-section-title{font-size:20px;font-weight:800;color:var(--ink);margin-bottom:18px}@media (max-width:720px){.role-checkboxes{grid-template-columns:1fr}}