.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-5);height:44px;border:1px solid transparent;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);letter-spacing:0;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:not(:disabled):active{transform:translateY(1px)}.btn--primary{background:var(--color-primary);color:var(--color-primary-text);box-shadow:var(--shadow-xs),inset 0 1px #ffffff1f}.btn--primary:not(:disabled):hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm),inset 0 1px #ffffff1f}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:not(:disabled):hover{background:var(--color-bg-alt);border-color:var(--color-text-muted)}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:not(:disabled):hover{background:var(--color-bg-alt);color:var(--color-text)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:not(:disabled):hover{filter:brightness(.95)}.btn--sm{height:36px;padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn--lg{height:52px;padding:0 var(--space-6);font-size:var(--text-base);border-radius:var(--radius-md)}.btn--full{width:100%}.btn-icon{display:inline-flex;font-size:1.1em;line-height:1}.btn-label{line-height:1}.btn--loading{color:transparent!important;position:relative}.btn-spinner{position:absolute;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite;color:var(--color-primary-text)}.btn--secondary .btn-spinner,.btn--ghost .btn-spinner{color:var(--color-text)}@keyframes btn-spin{to{transform:rotate(360deg)}}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text);letter-spacing:0}.input{width:100%;height:44px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.input:hover{border-color:var(--color-text-muted)}.input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.input::placeholder{color:var(--color-text-subtle)}textarea.input,.input[type=textarea]{height:auto;min-height:96px;padding:var(--space-3) var(--space-4);resize:vertical;line-height:var(--leading-snug)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2378716C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-8)}.input--error{border-color:var(--color-danger)}.input--error:focus-visible{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-soft)}.input-hint{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-snug)}.input-error{font-size:var(--text-xs);color:var(--color-danger);font-weight:500;display:inline-flex;align-items:center;gap:var(--space-1);line-height:var(--leading-snug)}.input-error:before{content:"⚠";font-size:.85em}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5);position:relative;overflow:hidden}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 60% at 80% 20%,var(--color-primary-soft) 0%,transparent 60%),radial-gradient(50% 50% at 10% 90%,var(--color-accent-soft) 0%,transparent 60%),var(--color-bg);pointer-events:none}.auth-card{position:relative;z-index:1;width:100%;max-width:440px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-5)}.auth-brand{display:flex;justify-content:center;text-decoration:none;margin-top:calc(var(--space-2) * -1);margin-bottom:calc(var(--space-2) * -1)}.auth-brand:hover{text-decoration:none}.auth-brand-img{width:100%;max-width:280px;height:auto;display:block;object-fit:contain}@media (max-width: 480px){.auth-brand-img{max-width:220px}}.auth-title{margin:0 0 var(--space-2);font-size:var(--text-2xl)}.auth-subtitle{color:var(--color-text-muted);margin:0;line-height:var(--leading-snug)}.auth-body{display:flex;flex-direction:column;gap:var(--space-4)}.auth-footer{padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.spinner{display:inline-block;width:22px;height:22px;border:2.5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.spinner-inline{display:inline-flex;padding:var(--space-2)}.spinner-fullscreen{display:flex;align-items:center;justify-content:center;min-height:60vh;flex-direction:column;gap:var(--space-3)}.spinner-fullscreen .spinner{width:32px;height:32px}.spinner-label{font-size:var(--text-sm);color:var(--color-text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-5);background:var(--color-danger-soft);border:1px solid var(--color-danger);border-radius:var(--radius-lg)}.error-state-icon{font-size:32px;margin-bottom:var(--space-3)}.error-state-title{font-size:var(--text-lg);margin:0 0 var(--space-2)}.error-state-msg{color:var(--color-text-muted);max-width:420px;margin:0 0 var(--space-4);line-height:var(--leading-snug)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-10) var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-bg-alt)}.empty-state-icon{font-size:48px;line-height:1;margin-bottom:var(--space-4);opacity:.85}.empty-state-title{margin:0 0 var(--space-2);font-size:var(--text-lg)}.empty-state-desc{color:var(--color-text-muted);max-width:380px;margin:0 0 var(--space-5);line-height:var(--leading-snug)}.empty-state-action{margin-top:var(--space-2)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.01em;line-height:1.4;border:1px solid transparent;white-space:nowrap}.badge--neutral{background:var(--color-bg-alt);color:var(--color-text-muted);border-color:var(--color-border)}.badge--success{background:var(--color-primary-soft);color:var(--color-primary)}.badge--accent{background:var(--color-accent-soft);color:var(--color-accent)}.badge--danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge--outline{background:transparent;border-color:var(--color-border-strong);color:var(--color-text-muted)}.badge-dot{display:inline-flex;align-items:center;justify-content:center}.porra-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.porra-card:hover{text-decoration:none;color:inherit;transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.porra-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.porra-card-emoji{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary-soft);display:inline-flex;align-items:center;justify-content:center;font-size:22px}.porra-card-title{font-size:var(--text-lg);font-weight:700;margin:0;color:var(--color-text-strong)}.porra-card-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.porra-card-meta strong{color:var(--color-text);font-weight:600}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-head h1{margin:0 0 var(--space-1)}.page-head .lead{margin:0}.porra-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}@media (max-width: 480px){.page-head{align-items:flex-start}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.card--p-sm{padding:var(--space-4)}.card--p-md{padding:var(--space-5)}.card--p-lg{padding:var(--space-6)}.card--hover{cursor:pointer}.card--hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.card-title{font-size:var(--text-lg);font-weight:600;margin:0}.card-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0;line-height:var(--leading-snug)}.card-body{min-width:0}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:#fff;font-weight:700;letter-spacing:.02em;flex-shrink:0;overflow:hidden;text-transform:uppercase;font-feature-settings:"tnum"}.avatar--sm{width:28px;height:28px;font-size:11px}.avatar--md{width:36px;height:36px;font-size:13px}.avatar--lg{width:48px;height:48px;font-size:16px}.avatar--xl{width:72px;height:72px;font-size:24px}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-initials{line-height:1}.match-card{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color var(--duration-base) var(--ease-out)}.match-card--set{border-color:var(--color-primary)}.match-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-muted)}.match-card-jornada{background:var(--color-primary-soft);color:var(--color-primary);padding:2px 8px;border-radius:var(--radius-full);font-weight:700}.match-card-score-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3)}.match-team{display:flex;align-items:center;gap:var(--space-2);min-width:0}.match-team--away{justify-content:flex-end}.match-team-flag{border-radius:2px;object-fit:cover}.match-team-flag--placeholder{display:inline-flex;width:28px;height:20px;align-items:center;justify-content:center;background:var(--color-border);border-radius:2px;font-size:14px}.match-team-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-card-steppers{display:inline-flex;align-items:center;gap:var(--space-2)}.score-stepper{display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.score-stepper-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-lg);font-weight:700;color:var(--color-text-strong);cursor:pointer;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);-webkit-user-select:none;user-select:none}.score-stepper-btn:not(:disabled):hover{border-color:var(--color-primary);color:var(--color-primary)}.score-stepper-btn:not(:disabled):active{background:var(--color-primary-soft)}.score-stepper-btn:disabled{opacity:.4;cursor:not-allowed}.score-stepper-value{min-width:28px;text-align:center;font-size:var(--text-xl);font-weight:800;color:var(--color-text-strong)}.match-card-dash{color:var(--color-text-muted);font-size:var(--text-lg);font-weight:700}.match-card-footer{display:flex;justify-content:center}.match-card-signbadge{font-size:var(--text-xs);color:var(--color-primary);background:var(--color-primary-soft);padding:2px 10px;border-radius:var(--radius-full);font-weight:600}@media (max-width: 600px){.match-card{padding:var(--space-3);gap:var(--space-2)}.match-card-score-row{grid-template-columns:1fr;justify-items:center;gap:var(--space-2)}.match-team{justify-content:center;text-align:center}.match-team--away{order:3}.match-team--home{order:1}.match-card-steppers{order:2}.match-card-dash{font-size:var(--text-base)}.score-stepper-btn{width:36px;height:36px}.score-stepper-value{font-size:var(--text-2xl);min-width:32px}.match-team-name{font-size:var(--text-base)}}@media (max-width: 360px){.score-stepper-btn{width:32px;height:32px;font-size:var(--text-base)}.score-stepper-value{font-size:var(--text-xl);min-width:26px}.match-card-steppers{gap:var(--space-1)}}.standings{margin-top:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.standings table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.standings thead th{text-align:right;padding:var(--space-2) var(--space-1);font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--color-border)}.standings-th-pos,.standings-td-pos{text-align:center!important;width:28px;color:var(--color-text-muted)}.standings-th-team,.standings-td-team{text-align:left!important;padding-left:var(--space-2)}.standings tbody td{padding:var(--space-2) var(--space-1);text-align:right;border-bottom:1px solid var(--color-border);font-variant-numeric:tabular-nums}.standings tbody tr:last-child td{border-bottom:none}.standings-td-team{display:flex;align-items:center;gap:var(--space-2);min-width:0}.standings-flag{flex-shrink:0;border-radius:2px;object-fit:cover}.standings-flag--placeholder{display:inline-flex;width:18px;height:13px;align-items:center;justify-content:center;background:var(--color-border);font-size:10px}.standings-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standings-code{display:none}.standings-pts{font-weight:800;color:var(--color-text-strong)}.standings-gd-pos{color:var(--color-primary);font-weight:600}.standings-gd-neg{color:var(--color-danger, #dc2626)}.standings-row--top td{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.standings-row--top .standings-td-pos{color:var(--color-primary);font-weight:700}.standings-empty{margin:var(--space-2) 0 0;font-size:var(--text-xs);text-align:center}@media (max-width: 480px){.standings{padding:var(--space-2)}.standings-name{display:none}.standings-code{display:inline;font-weight:700}.standings thead th{padding:var(--space-1);font-size:10px}.standings tbody td{padding:var(--space-1)}}.view-toggle{display:inline-flex;padding:3px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full)}.view-toggle-btn{padding:var(--space-2) var(--space-4);background:none;border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.view-toggle-btn--active{background:var(--color-surface);color:var(--color-text-strong);box-shadow:var(--shadow-sm)}.pred-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.pred-section-head{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-alt);border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0}.pred-section-icon{width:44px;height:44px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.pred-section-info{flex:1;min-width:0}.pred-section-title{margin:0 0 var(--space-1);font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-tight)}.pred-section-desc{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-snug)}.pred-section-points{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;background:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);border:1px solid var(--color-border);white-space:nowrap;flex-shrink:0}.pred-section-points strong{color:var(--color-text-strong);font-weight:700}.pred-section-body{padding:var(--space-5)}@media (max-width: 480px){.pred-section-head{flex-wrap:wrap}.pred-section-points{order:3;margin-left:auto}}.flag{display:inline-block;flex-shrink:0;object-fit:cover;background:var(--color-bg-alt);box-shadow:inset 0 0 0 1px #00000014}.flag--rect{border-radius:3px}.flag--circle{border-radius:50%;aspect-ratio:1 / 1}.team-select{position:relative;display:flex;flex-direction:column;gap:var(--space-2)}.team-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;height:48px;padding:0 var(--space-3) 0 var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);font-weight:500;text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.team-select-trigger:hover{border-color:var(--color-text-muted)}.team-select-trigger:focus-visible,.team-select-trigger.is-open{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.team-select-value{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.team-select-value>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-select-placeholder{color:var(--color-text-subtle);font-weight:400}.team-select-chevron{font-size:12px;color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-out)}.team-select-trigger.is-open .team-select-chevron{transform:rotate(180deg)}.team-select-popover{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:30;overflow:hidden;display:flex;flex-direction:column;max-height:360px;animation:ts-pop var(--duration-base) var(--ease-out)}@keyframes ts-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.team-select-search-wrap{position:relative;padding:var(--space-2);border-bottom:1px solid var(--color-border);background:var(--color-bg-alt)}.team-select-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);font-size:14px;color:var(--color-text-muted);pointer-events:none}.team-select-search{width:100%;height:36px;padding:0 var(--space-3) 0 var(--space-7);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text)}.team-select-search:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.team-select-list{list-style:none;margin:0;padding:var(--space-1) 0;overflow-y:auto;flex:1}.team-option{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--color-text);transition:background var(--duration-fast) var(--ease-out)}.team-option.is-active{background:var(--color-bg-alt)}.team-option.is-selected{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.team-option.is-selected.is-active{background:var(--color-primary-soft)}.team-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-option-conf{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-subtle);padding:2px var(--space-2);background:var(--color-bg-alt);border-radius:var(--radius-full);border:1px solid var(--color-border)}.team-option.is-selected .team-option-conf{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary-soft)}.team-option-check{color:var(--color-primary);font-weight:700}.team-select-empty{padding:var(--space-5);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.combobox{position:relative;display:flex;flex-direction:column;gap:var(--space-2)}.combobox-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.combobox-input{width:100%;height:44px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.combobox-input:hover{border-color:var(--color-text-muted)}.combobox-input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.combobox-input::placeholder{color:var(--color-text-subtle)}.combobox-list{position:absolute;z-index:9999;max-height:280px;overflow-y:auto;margin:0;padding:var(--space-1);list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.combobox-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);line-height:1.3}.combobox-option.is-active,.combobox-option:hover{background:var(--color-primary-soft)}.combobox-option-flag{display:block;width:24px;height:18px;object-fit:cover;border-radius:2px;flex-shrink:0}.combobox-option-name{font-weight:500;color:var(--color-text-strong);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combobox-option-team{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.award-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.award-icon svg{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 4px rgba(146,64,14,.25))}.awards-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);isolation:isolate}.award-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg-alt) 100%);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.award-card:hover{border-color:var(--color-accent);transform:translateY(-1px)}.award-card:focus-within{z-index:50}.award-card-body{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.award-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.award-card-title{margin:0;font-size:var(--text-base);font-weight:700;color:var(--color-text-strong);letter-spacing:var(--tracking-tight)}.award-card-points{font-size:var(--text-xs);font-weight:700;color:var(--color-accent);background:var(--color-accent-soft);padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.02em}.award-card-subtitle{margin:0;font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-snug)}@media (max-width: 480px){.award-card{grid-template-columns:1fr;text-align:center}.award-card .award-icon{margin:0 auto}.award-card-head{justify-content:center}}.extra-time-group{border:0;padding:0;margin:0}.extra-time-group legend{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.radio-group{display:flex;gap:var(--space-2)}.radio-pill{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:500;background:var(--color-surface);transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.radio-pill:hover{border-color:var(--color-text-muted)}.radio-pill input{position:absolute;opacity:0;pointer-events:none}.radio-pill.is-active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.outsider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.outsider-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;font-size:var(--text-sm);font-weight:500;text-align:left;transition:all var(--duration-fast) var(--ease-out)}.outsider-chip:hover{border-color:var(--color-text-muted);transform:translateY(-1px)}.outsider-chip.is-active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary);font-weight:700}.outsider-flag{font-size:18px;line-height:1}.outsider-name{line-height:1.2}.outsider-scoring{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-xs);padding:var(--space-3);background:var(--color-bg-alt);border-radius:var(--radius-sm);border:1px solid var(--color-border);margin-top:var(--space-2)}.outsider-scoring strong{color:var(--color-text);font-weight:600}.pred-page{max-width:720px}.pred-progress{position:sticky;top:calc(var(--header-height) + var(--space-3));z-index:5;background:color-mix(in srgb,var(--color-surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-sm)}.pred-progress-bar{height:6px;background:var(--color-bg-alt);border-radius:var(--radius-full);overflow:hidden}.pred-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.pred-progress-label{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase}.pred-saved{color:var(--color-primary)}.pred-actions{position:sticky;bottom:var(--space-3);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-wrap:wrap}@media (max-width: 480px){.pred-actions{flex-direction:column;align-items:stretch}.pred-actions .btn{width:100%}}.porra-hero{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg-alt) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-wrap:wrap}.porra-hero-icon{width:72px;height:72px;border-radius:var(--radius-lg);background:var(--color-primary-soft);display:inline-flex;align-items:center;justify-content:center;font-size:36px;flex-shrink:0}.porra-hero-info{flex:1;min-width:200px}.porra-hero-info h1{margin:var(--space-2) 0 var(--space-1)}.porra-hero-info p{margin:0}.porra-hero-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.invite-row{display:flex;gap:var(--space-2);align-items:stretch}.invite-input{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg-alt)}.members-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.member-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.member-row:last-child{border-bottom:0}.member-name{flex:1;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-badge{flex-shrink:0}@media (max-width: 640px){.porra-hero{flex-direction:column;align-items:flex-start}.porra-hero-actions{width:100%}.porra-hero-actions a,.porra-hero-actions .btn{flex:1}.invite-row{flex-direction:column}.invite-input{font-size:var(--text-xs)}}.hub-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.hub-cards--single{grid-template-columns:1fr}.hub-card{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.hub-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none;color:inherit}.hub-card-icon{font-size:36px;width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary-soft);border-radius:var(--radius-md);flex-shrink:0}.hub-card-body{flex:1;min-width:0}.hub-card-body h3{margin:0 0 var(--space-1);font-size:var(--text-lg);font-weight:700}.hub-card-body p{margin:0 0 var(--space-3);font-size:var(--text-sm)}.hub-card-bar{height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.hub-card-bar-fill{height:100%;background:var(--color-primary);transition:width var(--duration-base) var(--ease-out)}.hub-card-meta{display:flex;justify-content:space-between;font-size:var(--text-sm);font-weight:600}.hub-card-cta{color:var(--color-primary)}.hub-banner--warn{border-color:var(--color-warning, #f59e0b);background:color-mix(in srgb,var(--color-warning, #f59e0b) 8%,var(--color-surface))}.hub-banner--danger{border-color:var(--color-danger, #dc2626);background:color-mix(in srgb,var(--color-danger, #dc2626) 10%,var(--color-surface))}@media (max-width: 720px){.hub-cards{grid-template-columns:1fr}}.podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:var(--space-3);padding:var(--space-6) var(--space-4);background:linear-gradient(180deg,var(--color-bg-alt) 0%,var(--color-bg) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.podium-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;position:relative;transition:transform var(--duration-base) var(--ease-out)}.podium-step:hover{transform:translateY(-2px)}.podium-step--1{padding-block:var(--space-7) var(--space-5);background:linear-gradient(180deg,var(--color-accent-soft) 0%,var(--color-surface) 100%);border-color:var(--color-accent);box-shadow:var(--shadow-md)}.podium-medal{font-size:32px;line-height:1}.podium-step--1 .podium-medal{font-size:40px}.podium-name{font-weight:600;font-size:var(--text-sm);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-points{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);color:var(--color-text-strong);letter-spacing:var(--tracking-tight)}.podium-step--1 .podium-points{font-size:var(--text-2xl);color:var(--color-accent)}.leaderboard-table-wrap{overflow-x:auto;margin:0 calc(var(--space-5) * -1);padding:0 var(--space-5)}.leaderboard{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.leaderboard th,.leaderboard td{text-align:left;padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border)}.leaderboard tbody tr:last-child td{border-bottom:0}.leaderboard tbody tr:hover{background:var(--color-bg-alt)}.leaderboard thead th{font-weight:600;color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--color-bg-alt);padding-block:var(--space-2)}.leaderboard .col-rank{width:40px;font-weight:600;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.leaderboard .col-name{font-weight:500}.leaderboard .col-total{text-align:right;font-weight:700;font-size:var(--text-base);color:var(--color-text-strong);font-variant-numeric:tabular-nums;font-family:var(--font-display)}@media (max-width: 720px){.leaderboard th:nth-child(n+3):nth-child(-n+7),.leaderboard td:nth-child(n+3):nth-child(-n+7){display:none}}@media (max-width: 480px){.podium{padding:var(--space-4) var(--space-2);gap:var(--space-2)}.podium-step{padding:var(--space-3) var(--space-2)}.podium-name{font-size:var(--text-xs)}.podium-points{font-size:var(--text-base)}.podium-step--1 .podium-points{font-size:var(--text-lg)}}.squad-sync-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-3) 0;padding:var(--space-3);background:var(--color-bg-alt);border-radius:var(--radius-sm)}.squad-sync-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-2)}.squad-sync-row{display:grid;grid-template-columns:24px 1fr auto auto;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm)}.squad-sync-flag{width:20px;height:15px;object-fit:cover;border-radius:2px}.squad-sync-flag--fallback{display:flex;align-items:center;justify-content:center;font-size:14px}.squad-sync-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.squad-sync-status{font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.squad-sync-status--muted{background:var(--color-bg-alt);color:var(--color-text-muted)}.squad-sync-status--warn{background:var(--color-accent-soft);color:var(--color-accent)}.squad-sync-status--ok{background:var(--color-primary-soft);color:var(--color-primary)}.squad-sync-status--err{background:var(--color-danger-soft);color:var(--color-danger)}.squad-sync-log{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.squad-sync-log h4{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.squad-sync-log ul{margin:0;padding:0;list-style:none;max-height:200px;overflow-y:auto;font-size:var(--text-sm)}.squad-sync-log li{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono, monospace)}.squad-sync-log .log-ok{color:var(--color-primary)}.squad-sync-log .log-err{color:var(--color-danger)}.wc-admin-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width: 720px){.wc-admin-grid{grid-template-columns:1fr 1fr}}.wc-admin-status{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg-muted, #f4f4f5);padding:var(--space-3);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-all;overflow-x:auto}.selecciones{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-6) 0}.selecciones-header h1{margin:0 0 var(--space-2) 0;font-size:var(--text-3xl);color:var(--color-text-strong)}.selecciones-group-title{margin:0 0 var(--space-4) 0;font-size:var(--text-lg);color:var(--color-text);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.selecciones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.selecciones-card{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:border-color var(--duration-fast),transform var(--duration-fast),box-shadow var(--duration-fast)}.selecciones-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.selecciones-card.is-pending{opacity:.7}.selecciones-card-flag{flex-shrink:0;width:40px;height:30px;overflow:hidden;border-radius:4px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-alt)}.selecciones-card-flag img{width:100%;height:100%;object-fit:cover}.selecciones-card-body{flex:1;min-width:0}.selecciones-card-name{margin:0;font-size:var(--text-base);font-weight:600;color:var(--color-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selecciones-card-code{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600;letter-spacing:.05em}.selecciones-card-badge{position:absolute;top:6px;right:6px;font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--radius-full);background:var(--color-bg-alt);color:var(--color-text-muted);letter-spacing:.03em}.player-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0a09b3;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:1000;animation:fadeIn var(--duration-fast) var(--ease-out)}.player-modal{position:relative;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideUp var(--duration-md) var(--ease-out)}.player-modal-close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:1;width:36px;height:36px;border:none;border-radius:50%;background:#ffffffe6;color:var(--color-text-strong);font-size:24px;line-height:1;cursor:pointer;box-shadow:var(--shadow-sm)}.player-modal-close:hover{background:var(--color-bg-alt)}.player-modal-hero{width:100%;height:280px;background:linear-gradient(135deg,var(--color-primary-soft) 0%,var(--color-accent-soft) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.player-modal-photo{width:240px;height:240px;border-radius:50%;object-fit:cover;background:var(--color-surface);box-shadow:var(--shadow-lg)}.player-modal-placeholder{font-size:120px}.player-modal-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.player-modal-head{text-align:center}.player-modal-number{display:inline-block;font-size:var(--text-sm);font-weight:700;color:var(--color-primary);background:var(--color-primary-soft);padding:2px 10px;border-radius:var(--radius-full);margin-bottom:var(--space-2)}.player-modal-head h2{margin:0;font-size:var(--text-2xl);color:var(--color-text-strong)}.player-modal-role{margin:var(--space-1) 0 0 0;font-size:var(--text-sm)}.player-modal-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);margin:0}.fact{margin:0;padding:var(--space-2) var(--space-3);background:var(--color-bg-alt);border-radius:var(--radius-sm)}.fact dt{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.fact dd{margin:0;font-size:var(--text-sm);color:var(--color-text-strong);font-weight:500}.fact-club{display:flex;align-items:center;gap:var(--space-2)}.fact-club img{width:20px;height:20px;object-fit:contain}.player-modal-stats h3{margin:0 0 var(--space-3) 0;font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.player-modal-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--space-2)}.stat-chip{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);background:var(--color-primary-soft);border-radius:var(--radius-sm);text-align:center}.stat-chip-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600}.stat-chip-value{font-size:var(--text-xl);font-weight:700;color:var(--color-text-strong)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.team-detail{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) 0}.back-link{align-self:flex-start;color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm)}.back-link:hover{color:var(--color-primary)}.team-header{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-primary-soft) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.team-header-flag{width:120px;height:90px;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:var(--color-bg-alt);flex-shrink:0}.team-header-flag img{width:100%;height:100%;object-fit:cover}.team-header-info h1{margin:0 0 var(--space-1) 0;font-size:var(--text-3xl);color:var(--color-text-strong)}.section-title{margin:0 0 var(--space-4) 0;font-size:var(--text-lg);color:var(--color-text);font-weight:700}.team-empty{padding:var(--space-8) var(--space-5);text-align:center;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.team-empty.team-error{border-color:var(--color-danger);color:var(--color-danger)}.team-coach-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.team-coach-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--color-bg-alt)}.team-coach-card h3{margin:0 0 var(--space-1) 0;font-size:var(--text-lg);color:var(--color-text-strong)}.team-players{display:flex;flex-direction:column;gap:var(--space-6)}.team-players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.player-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast),transform var(--duration-fast),box-shadow var(--duration-fast);font:inherit;color:inherit;text-align:left}.player-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.player-card:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.player-card-photo{position:relative;width:100%;aspect-ratio:1;background:var(--color-bg-alt);border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center}.player-card-photo img{width:100%;height:100%;object-fit:cover}.player-card-placeholder{font-size:48px;color:var(--color-text-subtle)}.player-card-number{position:absolute;top:6px;left:6px;padding:2px 8px;font-weight:700;font-size:var(--text-sm);background:#0c0a09cc;color:#fff;border-radius:var(--radius-full)}.player-card-name{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--color-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card-meta{margin:0;font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}.app-header{height:var(--header-height);display:flex;align-items:center;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);position:sticky;top:0;z-index:10}.brand--logo{display:inline-flex;align-items:center;text-decoration:none}.brand--logo:hover{text-decoration:none}.brand-img{height:48px;width:auto;display:block;object-fit:contain}.nav-link{color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.nav-link:hover{background:var(--color-bg-alt);color:var(--color-text);text-decoration:none}.nav-link--active{color:var(--color-primary)}.nav-divider{width:1px;height:20px;background:var(--color-border);margin-inline:var(--space-2)}.nav-user{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-text);border-radius:var(--radius-full)}.nav-user-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main{flex:1;padding:var(--space-7) 0 var(--space-10)}.app-footer{border-top:1px solid var(--color-border);padding:var(--space-5) 0;font-size:var(--text-sm)}@media (max-width: 640px){.nav-user-name,.nav-divider{display:none}.app-main{padding:var(--space-5) 0 var(--space-8)}}.landing{min-height:100vh;background:var(--color-bg)}.landing-nav{height:var(--header-height);display:flex;align-items:center;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 85%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);position:sticky;top:0;z-index:10}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:800;font-size:var(--text-lg);color:var(--color-text-strong);text-decoration:none;letter-spacing:var(--tracking-tight)}.brand:hover{text-decoration:none;color:var(--color-text-strong)}.brand-mark{font-size:1.3em;line-height:1}.brand-name{line-height:1}.hero{padding:var(--space-10) 0 var(--space-10);position:relative;overflow:hidden}.hero-inner{text-align:center}.hero-logo{display:block;margin:0 auto var(--space-5);max-width:320px;width:60%;height:auto;filter:drop-shadow(0 8px 24px rgba(28,25,23,.18))}.hero-inner .hero-pill{display:inline-block}.hero-inner .hero-title,.hero-inner .hero-lead{margin-left:auto;margin-right:auto}.hero-inner .hero-title{max-width:720px}.hero-inner .hero-cta{justify-content:center}@media (max-width: 640px){.hero-logo{max-width:220px;width:70%}}.hero:before{content:"";position:absolute;top:-120px;right:-120px;width:480px;height:480px;background:radial-gradient(circle,var(--color-primary-soft) 0%,transparent 60%);pointer-events:none;z-index:0}.hero>.container{position:relative;z-index:1}.hero-pill{display:inline-block;padding:var(--space-2) var(--space-3);background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-5);letter-spacing:.01em}.hero-title{font-size:clamp(var(--text-3xl),6vw,var(--text-4xl));font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0 0 var(--space-5);max-width:720px}.hero-accent{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:var(--text-lg);color:var(--color-text-muted);max-width:560px;line-height:var(--leading-snug);margin:0 0 var(--space-6)}.hero-cta{margin-bottom:var(--space-3)}.hero-note{font-size:var(--text-sm)}.features{padding:var(--space-10) var(--space-5)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.feature{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-icon{font-size:32px;width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary-soft);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.feature-title{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:700}.feature-desc{margin:0;color:var(--color-text-muted);line-height:var(--leading-snug);font-size:var(--text-sm)}.howto{padding:var(--space-10) var(--space-5)}.section-head{text-align:center;margin-bottom:var(--space-8)}.section-head h2{margin-bottom:var(--space-2)}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);counter-reset:step}.step{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.step-n{display:inline-flex;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-text);font-weight:700;align-items:center;justify-content:center;font-size:var(--text-sm)}.step-title{margin:0 0 var(--space-1);font-size:var(--text-base);font-weight:600}.step-desc{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-snug)}.phases{padding:var(--space-10) var(--space-5)}.phases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.phase-card{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.phase-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.phase-icon{font-size:32px;width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary-soft);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.phase-title{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:700}.phase-desc{margin:0;color:var(--color-text-muted);line-height:var(--leading-relaxed, 1.6);font-size:var(--text-sm)}.cta{padding:var(--space-10) var(--space-5) var(--space-12)}.cta-card{text-align:center;padding:var(--space-10) var(--space-6);background:linear-gradient(135deg,var(--color-primary) 0%,#0d9488 100%);color:#fff;border-radius:var(--radius-xl);position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 0%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(0,0,0,.15) 0%,transparent 50%);pointer-events:none}.cta-card>*{position:relative}.cta-card h2{color:#fff;margin-bottom:var(--space-3)}.cta-card .lead{color:#ffffffd9;max-width:540px;margin:0 auto var(--space-5)}.cta-card .btn--primary{background:#fff;color:var(--color-primary)}.cta-card .btn--primary:not(:disabled):hover{background:#ffffffeb}.landing-footer{border-top:1px solid var(--color-border);padding:var(--space-5) 0;font-size:var(--text-sm)}@media (max-width: 900px){.features-grid,.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.hero{padding:var(--space-8) 0 var(--space-6)}.features-grid,.steps,.phases-grid{grid-template-columns:1fr}.features,.howto,.phases,.cta,.cta-card{padding:var(--space-6) var(--space-5)}.landing-footer .container{flex-direction:column;gap:var(--space-2)}}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-10: 64px;--space-12: 96px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 48px;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.55;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--color-bg: #FAFAF9;--color-bg-alt: #F5F5F4;--color-surface: #FFFFFF;--color-surface-raised: #FFFFFF;--color-text: #1C1917;--color-text-strong: #0C0A09;--color-text-muted: #57534E;--color-text-subtle: #A8A29E;--color-border: #E7E5E4;--color-border-strong: #D6D3D1;--color-primary: #059669;--color-primary-hover: #047857;--color-primary-soft: #D1FAE5;--color-primary-text: #FFFFFF;--color-accent: #D97706;--color-accent-soft: #FEF3C7;--color-success: #059669;--color-warning: #D97706;--color-danger: #DC2626;--color-danger-soft: #FEE2E2;--color-focus-ring: #0EA5E9;--shadow-xs: 0 1px 2px rgba(28, 25, 23, .05);--shadow-sm: 0 1px 3px rgba(28, 25, 23, .08), 0 1px 2px rgba(28, 25, 23, .04);--shadow-md: 0 4px 8px -2px rgba(28, 25, 23, .08), 0 2px 4px -2px rgba(28, 25, 23, .04);--shadow-lg: 0 12px 24px -6px rgba(28, 25, 23, .1), 0 4px 8px -4px rgba(28, 25, 23, .06);--shadow-focus: 0 0 0 3px rgba(14, 165, 233, .3);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--duration-fast: .12s;--duration-base: .18s;--duration-slow: .26s;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--container-narrow: 640px;--container-base: 960px;--container-wide: 1200px;--header-height: 64px}@media (prefers-color-scheme: dark){:root{--color-bg: #0C0A09;--color-bg-alt: #1C1917;--color-surface: #1C1917;--color-surface-raised: #292524;--color-text: #FAFAF9;--color-text-strong: #FFFFFF;--color-text-muted: #A8A29E;--color-text-subtle: #78716C;--color-border: #292524;--color-border-strong: #44403C;--color-primary: #10B981;--color-primary-hover: #34D399;--color-primary-soft: rgba(16, 185, 129, .12);--color-primary-text: #022C22;--color-accent: #F59E0B;--color-accent-soft: rgba(245, 158, 11, .12);--color-danger: #EF4444;--color-danger-soft: rgba(239, 68, 68, .12);--color-focus-ring: #38BDF8;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 24px -6px rgba(0, 0, 0, .6), 0 4px 8px -4px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 3px rgba(56, 189, 248, .4)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01"}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-strong)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl);font-weight:600}h4{font-size:var(--text-lg);font-weight:600}h5,h6{font-size:var(--text-base);font-weight:600}p{line-height:var(--leading-normal)}a{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-primary-hover);text-decoration:underline;text-underline-offset:3px}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}button{font:inherit;cursor:pointer;background:none;border:0;color:inherit}input,select,textarea{font:inherit;color:inherit}img,svg{display:block;max-width:100%}::selection{background:var(--color-primary-soft);color:var(--color-text-strong)}.container{width:100%;max-width:var(--container-base);margin-inline:auto;padding-inline:var(--space-5)}.container--narrow{max-width:var(--container-narrow)}.container--wide{max-width:var(--container-wide)}.stack>*+*{margin-top:var(--space-4)}.stack-sm>*+*{margin-top:var(--space-2)}.stack-md>*+*{margin-top:var(--space-3)}.stack-lg>*+*{margin-top:var(--space-6)}.stack-xl>*+*{margin-top:var(--space-8)}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.row-tight{display:flex;gap:var(--space-2);align-items:center}.row-between{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;flex-wrap:wrap}.muted{color:var(--color-text-muted)}.subtle{color:var(--color-text-subtle)}.center{text-align:center}.lead{font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 640px){.container{padding-inline:var(--space-4)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}}