:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#10b98133,#0f172a00 36%),linear-gradient(#07111f 0%,#020617 100%);font-family:Avenir,Avenir Next,Segoe UI,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{background:radial-gradient(circle at 20% 20%,#22c55e29,#0000 25%),radial-gradient(circle at 80% 12%,#fb923c1f,#0000 22%),linear-gradient(#07111f 0%,#020617 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#94a3b808 1px,#0000 1px),linear-gradient(90deg,#94a3b808 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#00000040);mask-image:linear-gradient(#000000e6,#00000040)}a{color:inherit;text-decoration:none}button,textarea,input{font:inherit}#root{min-height:100vh}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#020617d9;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080c15f2;border:1px solid #94a3b82e;border-radius:24px;width:min(520px,100%);max-height:90vh;animation:.25s slideUp;overflow-y:auto;box-shadow:0 32px 80px #02061799}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.modal-header h2{color:#f8fafc;margin:0;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:1.6rem}.modal-close{color:#94a3b8cc;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;line-height:1;transition:all .16s;display:flex}.modal-close:hover{color:#f8fafc;background:#94a3b81a}.modal-form{flex-direction:column;gap:18px;padding:28px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{letter-spacing:.04em;color:#e2e8f0e6;text-transform:uppercase;font-size:.82rem;font-weight:600}.form-field input,.form-field select,.form-field textarea{color:#f8fafc;font:inherit;background:#0f172ad1;border:1px solid #94a3b833;border-radius:12px;padding:12px 14px;font-size:.95rem;transition:border-color .16s,box-shadow .16s}.form-field textarea{resize:vertical;min-height:100px}.form-field input::placeholder,.form-field textarea::placeholder{color:#94a3b880}.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{border-color:#34d39999;outline:none;box-shadow:0 0 0 3px #34d3991f}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{opacity:.55;cursor:not-allowed}.form-error{color:#fda4af;background:#f43f5e1f;border:1px solid #f43f5e40;border-radius:12px;padding:12px 16px;font-size:.9rem}.modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.modal-actions .primary-button,.modal-actions .secondary-button{padding:.75rem 1.2rem;font-size:.9rem}@media (width<=600px){.modal-content{border-radius:20px}.modal-header,.modal-form{padding:20px}.modal-actions{flex-direction:column}.modal-actions .primary-button,.modal-actions .secondary-button{width:100%}}.user-mgmt-panel{margin-top:18px}.user-mgmt-loading{color:#94a3b8cc;text-align:center;margin-top:18px}.user-mgmt-error{color:#fda4af;background:#f43f5e1f;border:1px solid #f43f5e40;border-radius:12px;margin-top:18px;padding:12px 16px;font-size:.9rem}.user-mgmt-table-wrapper{margin-top:18px;overflow-x:auto}.user-mgmt-table{border-collapse:collapse;width:100%}.user-mgmt-table th,.user-mgmt-table td{text-align:left;border-bottom:1px solid #94a3b814;padding:12px 10px}.user-mgmt-table thead th{text-transform:uppercase;letter-spacing:.12em;color:#94a3b8e6;font-size:.72rem;font-weight:700}.user-mgmt-table tbody tr:hover{background:#0f172a66}.user-mgmt-table tbody tr:last-child td{border-bottom:0}.user-mgmt-table td{color:#e2e8f0e6}.role-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:.35rem .7rem;font-size:.75rem;font-weight:700;display:inline-block}.role-badge-admin{color:#d1fae5;background:#34d39926;border:1px solid #34d39947}.role-badge-captain{color:#fef3c7;background:#fbbf2426;border:1px solid #fbbf2447}.role-badge-player{color:#dbeafe;background:#60a5fa26;border:1px solid #60a5fa47}.role-actions{flex-wrap:wrap;gap:6px;display:flex}.role-action-btn{color:#e2e8f0d9;font:inherit;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:#0f172ab3;border:1px solid #94a3b833;border-radius:999px;padding:.35rem .7rem;font-size:.72rem;font-weight:700;transition:all .16s}.role-action-btn:hover:not(:disabled){color:#d1fae5;background:#1665342e;border-color:#34d39966;transform:translateY(-1px)}.role-action-btn:disabled{opacity:.5;cursor:not-allowed}.role-action-btn.is-current{color:#a7f3d0;cursor:default;background:#34d39914;border-color:#34d39947}.role-action-btn.is-current:hover{transform:none}@media (width<=720px){.user-mgmt-table th,.user-mgmt-table td{padding:8px 6px;font-size:.85rem}.role-actions{flex-direction:column;gap:4px}.role-action-btn{width:100%}}.team-management{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c15b8;border:1px solid #94a3b82e;border-radius:20px;margin-top:24px;padding:24px}.team-mgmt-section{margin-bottom:20px}.team-mgmt-loading{text-align:center;color:#94a3b8cc;padding:40px 20px}.team-mgmt-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.team-mgmt-header h3{color:#f8fafc;margin:0;font-size:1.2rem}.team-mgmt-buttons{gap:12px;display:flex}.team-mgmt-error{color:#fda4af;background:#f43f5e1f;border:1px solid #f43f5e40;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:.9rem}.player-create-form,.team-create-form,.team-add-form{background:#0f172a80;border:1px solid #94a3b82e;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:18px;padding:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#f8fafc;font-size:.9rem;font-weight:500}.players-checkbox-list{background:#080c1580;border:1px solid #94a3b826;border-radius:8px;flex-direction:column;gap:8px;max-height:300px;padding:8px;display:flex;overflow-y:auto}.checkbox-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;transition:background-color .16s;display:flex}.checkbox-item:hover{background:#34d3991a}.checkbox-item input[type=checkbox]{cursor:pointer;accent-color:#34d399;width:18px;height:18px}.checkbox-label{color:#f8fafc;font-size:.9rem}.captain-info{color:#a7f3d0;background:#34d3991a;border:1px solid #34d3994d;border-radius:8px;padding:10px 12px;font-size:.9rem}.players-display,.teams-display{margin-top:18px}.teams-display{margin-top:18px}.teams-display h4{color:#f8fafc;margin:0 0 12px;font-size:1rem}.teams-list{flex-direction:column;gap:10px;display:flex}.team-item{background:#0f172a99;border:1px solid #94a3b81f;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px;transition:all .16s;display:flex}.team-item:hover{background:#0f172acc;border-color:#34d39947}.team-info{flex-direction:column;flex:1;gap:4px;display:flex}.team-info strong{color:#f8fafc;font-size:.95rem}.team-stats{color:#94a3b8e6;gap:16px;font-size:.85rem;display:flex}.team-leagues{color:#34d399cc;white-space:nowrap;background:#34d3991a;border-radius:6px;padding:4px 8px;font-size:.8rem}.players-list{flex-direction:column;gap:10px;display:flex}.player-item{background:#0f172a99;border:1px solid #94a3b81f;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;transition:all .16s;display:flex}.player-item:hover{background:#0f172acc;border-color:#34d39947}.player-info{flex-direction:column;flex:1;gap:3px;display:flex}.player-info strong{color:#f8fafc;font-size:.95rem}.player-email{color:#94a3b899;font-size:.8rem}.player-skill{color:#34d399cc;background:#34d3991a;border-radius:4px;width:fit-content;padding:2px 6px;font-size:.75rem}.player-teams{color:#94a3b8b3;font-size:.8rem}.no-items{text-align:center;color:#94a3b899;padding:20px;font-size:.9rem;font-style:italic}.team-players-mini{flex:1}.team-players-mini ul{margin:0;padding:0;font-size:.85rem;list-style:none}.team-players-mini li{color:#94a3b8cc;align-items:center;gap:6px;padding:3px 0;display:flex}.captain-badge{color:#fbbf24;font-size:.9rem}.team-players-mini p{color:#94a3b899;margin:0;font-style:italic}.no-teams{text-align:center;color:#94a3b899;padding:20px;font-style:italic}@media (width<=768px){.team-mgmt-header{flex-direction:column;align-items:flex-start}.team-mgmt-buttons{flex-direction:column;width:100%}.team-mgmt-buttons button{width:100%}.team-item{flex-direction:column;align-items:flex-start}.team-stats{flex-flow:wrap;width:100%}}.league-detail{margin-top:20px}.league-detail-loading{text-align:center;color:#94a3b8cc;padding:40px 20px}.detail-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c15b8;border:1px solid #94a3b82e;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding:24px;display:flex}.detail-header h2{color:#f8fafc;margin:0 0 8px;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:1.8rem}.detail-header p{color:#e2e8f0b3;margin:0;font-size:.95rem}.status-pill{text-transform:uppercase;letter-spacing:.08em;color:#d1fae5;background:#34d39926;border:1px solid #34d39947;border-radius:999px;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.status-pill.status-live{color:#86efac;background:#22c55e26;border-color:#22c55e47}.status-pill.status-scheduling{color:#fde047;background:#fbbf2426;border-color:#fbbf2447}.status-pill.status-draft{color:#d1d5db;background:#6b728026;border-color:#6b728047}.detail-error{color:#fda4af;background:#f43f5e1f;border:1px solid #f43f5e40;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:.9rem}.detail-section{margin-bottom:28px}.section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-header h3{color:#f8fafc;margin:0;font-size:1.3rem}.add-form{background:#080c1580;border:1px solid #94a3b82e;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:18px;padding:16px;display:flex}.form-input{color:#f8fafc;font:inherit;background:#0f172ad1;border:1px solid #94a3b833;border-radius:10px;padding:10px 14px;font-size:.95rem;transition:border-color .16s}.form-input::placeholder{color:#94a3b880}.form-input:focus-visible{border-color:#34d39999;outline:none}.form-actions{justify-content:flex-end;gap:12px;display:flex}.form-actions .secondary-button,.form-actions .primary-button{padding:.6rem 1rem;font-size:.9rem}.teams-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.team-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c15b8;border:1px solid #94a3b82e;border-radius:16px;padding:20px;transition:all .16s}.team-card:hover{background:#080c15d1;border-color:#34d39947}.team-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.team-header h4{color:#f8fafc;margin:0;font-size:1.1rem}.team-captain{color:#94a3b8b3;font-size:.8rem;font-style:italic}.team-stats{border-bottom:1px solid #94a3b81f;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;padding-bottom:14px;display:grid}.stat{text-align:center}.stat-label{color:#94a3b8cc;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;display:block}.stat strong{color:#f8fafc;margin-top:4px;font-size:1.4rem;display:block}.team-players{margin-bottom:14px}.team-players-label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8cc;margin:0 0 8px;font-size:.8rem;font-weight:700}.players-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.players-list li{color:#e2e8f0d9;border-bottom:1px solid #94a3b814;justify-content:space-between;align-items:center;padding:8px 0;font-size:.9rem;display:flex}.players-list li:last-child{border-bottom:0}.skill-badge{color:#a7f3d0;text-transform:uppercase;background:#34d39926;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.no-players,.no-content{color:#94a3b899;text-align:center;margin:0;padding:20px;font-size:.9rem;font-style:italic}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#020617d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080c15f2;border:1px solid #94a3b82e;border-radius:20px;width:min(480px,100%);max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 32px 80px #02061799}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{color:#f8fafc;margin:0;font-size:1.4rem}.modal-close{color:#94a3b8cc;cursor:pointer;background:0 0;border:none;width:32px;height:32px;padding:0;font-size:2rem;line-height:1}.modal-form{flex-direction:column;gap:14px;display:flex}@media (width<=768px){.detail-header{flex-direction:column}.section-header{flex-direction:column;align-items:flex-start}.section-header .primary-button{width:100%}.teams-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .secondary-button,.form-actions .primary-button{width:100%}}.app-shell{z-index:1;width:min(1240px,100% - 32px);margin:0 auto;padding:32px 0 48px;position:relative}.ambient{filter:blur(60px);opacity:.4;pointer-events:none;z-index:0;border-radius:50%;width:42rem;height:42rem;position:fixed;inset:auto}.ambient-one{background:radial-gradient(circle,#72ffb373,#72ffb300);top:-10rem;left:-8rem}.ambient-two{background:radial-gradient(circle,#f9731661,#f9731600);bottom:-14rem;right:-12rem}.hero-panel,.panel,.stat-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c15b8;border:1px solid #94a3b82e;box-shadow:0 24px 80px #02061759}.hero-panel{border-radius:28px;grid-template-columns:1.45fr 1fr;gap:24px;padding:28px;display:grid}.eyebrow,.panel-kicker,.stat-label,.muted,.chat-role,.hero-card-top{text-transform:uppercase;letter-spacing:.14em;color:#94a3b8e6;font-size:.72rem}.hero-panel h1,.panel h2,.roadmap-card h3,.hero-card h2,.league-item h3{margin:0;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;line-height:1}.hero-panel h1{letter-spacing:-.07em;color:#f8fafc;margin-top:12px;font-size:clamp(3rem,6vw,5.5rem)}.hero-copy{color:#e2e8f0d6;max-width:62ch;margin-top:18px;font-size:1.04rem;line-height:1.75}.role-switcher{background:#0f172a9e;border:1px solid #94a3b829;border-radius:999px;gap:8px;margin-top:12px;padding:6px;display:inline-flex}.role-pill{color:#e2e8f0d6;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.45rem .85rem;font-size:.8rem;font-weight:700}.role-pill.is-selected{color:#d1fae5;background:#34d39926;border-color:#34d39947}.role-context{color:#94a3b8f2;margin-top:10px;font-size:.94rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.primary-button,.secondary-button,.league-item,.room-tab{border:1px solid #0000;border-radius:999px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.primary-button,.secondary-button{font:inherit;cursor:pointer;padding:.95rem 1.2rem;font-weight:700}.primary-button{color:#06250f;background:linear-gradient(135deg,#bbf7d0,#34d399);box-shadow:0 12px 34px #34d39938}.secondary-button{color:#e2e8f0;background:#0f172ac7;border-color:#94a3b840}.primary-button:hover,.secondary-button:hover,.league-item:hover,.room-tab:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.hero-card{background:linear-gradient(#ffffff0a,#ffffff03),#0f172ac7;border:1px solid #94a3b829;border-radius:24px;padding:22px}.hero-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.status-pill,.panel-chip{color:#d1fae5;background:#10b98126;border:1px solid #34d3993d;border-radius:999px;align-items:center;padding:.42rem .75rem;display:inline-flex}.hero-card h2{color:#f8fafc;margin-top:18px;font-size:2rem}.hero-card p{color:#e2e8f0cc;margin-top:10px}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 0;display:grid}.hero-metrics div{background:#0f172ae6;border:1px solid #94a3b81f;border-radius:18px;padding:14px}.hero-metrics dt{color:#94a3b8e6;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.hero-metrics dd{color:#f8fafc;margin:.45rem 0 0;font-weight:700}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.stat-card{border-radius:22px;padding:18px}.stat-card strong{color:#f8fafc;margin-top:12px;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1;display:block}.stat-card p{color:#e2e8f0c7;margin-top:8px;line-height:1.5}.workspace-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:18px;margin-top:18px;display:grid}.panel{border-radius:26px;padding:22px}.panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel h2,.roadmap-card h3{color:#f8fafc;font-size:1.6rem}.panel-chip{color:#fdf2f8;background:#f43f5e24;border-color:#f43f5e33}.league-list{gap:12px;margin-top:18px;display:grid}.league-item,.room-tab{cursor:pointer;width:100%;color:inherit}.league-item{text-align:left;background:#0f172aa6;border-color:#94a3b829;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.league-item span,.timeline span,.chat-message-top span,.standings-table th,.standings-table td,.chat-actions .muted{color:#94a3b8e6}.league-item h3{color:#f8fafc;font-size:1.02rem}.league-item p{color:#e2e8f0bd;margin-top:6px}.league-item.is-selected,.room-tab.is-selected{background:#1665342e;border-color:#34d3996b}.section-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.section-split h3,.chat-panel h2,.roadmap-card h3{margin:0 0 12px}.timeline{gap:10px;margin:0;padding:0;list-style:none;display:grid}.timeline li,.chat-message,.roadmap-card{background:#0f172aad;border:1px solid #94a3b81f;border-radius:18px}.timeline li{padding:14px}.timeline strong{color:#f8fafc;margin-top:8px;display:block}.timeline p{color:#e2e8f0bd;margin-top:6px}.standings-table{border-collapse:collapse;width:100%;overflow:hidden}.standings-table th,.standings-table td{text-align:left;border-bottom:1px solid #94a3b814;padding:10px 8px}.standings-table thead th{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.standings-table tbody tr:last-child td{border-bottom:0}.chat-panel{flex-direction:column;display:flex}.chat-room-selector{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.room-tab{color:#e2e8f0e6;background:#0f172aa8;border-color:#94a3b829;padding:.8rem 1rem}.chat-stream{flex:1;gap:12px;min-height:340px;margin-top:18px;display:grid}.chat-message{padding:14px}.chat-message-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.chat-message strong,.chat-message p{color:#f8fafc}.chat-message p{margin-top:10px;line-height:1.65}.chat-compose{margin-top:18px}.chat-compose textarea{color:#f8fafc;width:100%;font:inherit;resize:vertical;box-sizing:border-box;background:#0f172ad1;border:1px solid #94a3b829;border-radius:18px;min-height:132px;padding:14px 16px}.chat-compose textarea:disabled{opacity:.6;cursor:not-allowed}.chat-compose textarea::placeholder{color:#94a3b8b8}.chat-compose textarea:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.league-item:focus-visible,.room-tab:focus-visible{outline-offset:2px;outline:2px solid #34d399cc}.chat-actions{justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.roadmap-card{padding:18px}.roadmap-card p{color:#e2e8f0c7;margin-top:8px;line-height:1.6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1080px){.hero-panel,.workspace-grid,.roadmap-grid,.stats-grid,.section-split{grid-template-columns:1fr}.hero-panel{padding:22px}}@media (width<=720px){.app-shell{width:min(100%,100% - 20px);padding-top:20px}.hero-panel,.panel,.stat-card,.roadmap-card{border-radius:20px}.hero-actions,.chat-actions{flex-direction:column;align-items:stretch}.hero-metrics{grid-template-columns:1fr}}.user-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:inline-flex}.user-name{color:#e2e8f0cc;font-size:.88rem}.logout-btn{letter-spacing:.04em;border-radius:999px;padding:.45rem .9rem;font-size:.8rem;font-weight:700}.login-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080c15d1;border:1px solid #94a3b82e;border-radius:28px;width:min(440px,100%);padding:40px 36px;position:relative;box-shadow:0 32px 80px #02061773}.login-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#34d399e6;margin-bottom:12px;font-size:.72rem;font-weight:700}.login-title{letter-spacing:-.05em;color:#f8fafc;margin:0;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:clamp(2rem,5vw,2.8rem);line-height:1}.login-subtitle{color:#e2e8f0b3;margin:10px 0 0;font-size:.96rem}.login-form{flex-direction:column;gap:18px;margin-top:28px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{letter-spacing:.04em;color:#e2e8f0e6;text-transform:uppercase;font-size:.82rem;font-weight:600}.login-field input{color:#f8fafc;font:inherit;background:#0f172ad1;border:1px solid #94a3b833;border-radius:14px;padding:13px 16px;font-size:.97rem;transition:border-color .16s,box-shadow .16s}.login-field input::placeholder{color:#94a3b880}.login-field input:focus-visible{border-color:#34d39999;outline:none;box-shadow:0 0 0 3px #34d3991f}.login-field input:disabled{opacity:.55;cursor:not-allowed}.login-error{color:#fda4af;background:#f43f5e1f;border:1px solid #f43f5e40;border-radius:12px;padding:12px 16px;font-size:.9rem}.login-submit{border-radius:14px;width:100%;margin-top:4px;padding:1rem;font-size:1rem}.login-demo{border-top:1px solid #94a3b81f;margin-top:28px;padding-top:22px}.login-demo-label{text-transform:uppercase;letter-spacing:.14em;color:#94a3b8b3;margin-bottom:10px;font-size:.72rem;display:block}.login-demo-pills{flex-wrap:wrap;gap:8px;display:flex}.login-demo-hint{color:#94a3b88c;margin:10px 0 0;font-size:.78rem}@media (width<=480px){.login-card{border-radius:20px;padding:28px 20px}}