@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--color-bg:#fff;--color-surface:#f8fafc;--color-surface-elevated:#f1f5f9;--color-lecce-yellow:gold;--color-lecce-red:#e30613;--color-primary:#0056b3;--color-primary-light:#3b82f6;--color-primary-dark:#1e3a8a;--color-accent:gold;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-family:"Outfit",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-blue:0 4px 14px 0 #0056b363;--transition-fast:.15s ease-in-out;--transition-base:.25s ease-in-out;--transition-slow:.35s ease-in-out;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}.container{width:100%;max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:700;line-height:1.2}.btn{padding:var(--spacing-sm)var(--spacing-xl);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);font-weight:600;font-family:var(--font-family);border:none;justify-content:center;align-items:center;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-blue)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #0056b33b}.btn-secondary{background:var(--color-surface-elevated);color:var(--color-text);border:1px solid #0000000d}.btn-secondary:hover{background:var(--color-surface);border-color:var(--color-primary)}
.header{z-index:var(--z-sticky,200);-webkit-backdrop-filter:blur(20px);padding:var(--spacing-sm,.5rem)0;background:#ffffffe6;border-bottom:1px solid #0000000d;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:var(--spacing-md,1rem);display:flex}.header-logo{cursor:pointer;transition:transform var(--transition-fast,.15s);flex-direction:column;align-items:center;display:flex}.header-logo:hover{transform:scale(1.02)}.logo-badge{font-size:var(--font-size-2xl,1.5rem);text-transform:uppercase;letter-spacing:-.02em;font-weight:900;line-height:1;display:flex}.logo-yellow{color:var(--color-lecce-yellow,gold);text-shadow:1px 1px #0000001a}.logo-red{color:var(--color-lecce-red,#e30613);text-shadow:1px 1px #0000001a}.logo-subtitle{color:var(--color-text-muted,#64748b);letter-spacing:.2em;text-transform:uppercase;margin:2px 0 0;font-size:.65rem;font-weight:700}.header-nav{gap:var(--spacing-xs,.25rem);align-items:center;display:flex}.nav-link{padding:var(--spacing-sm,.5rem)var(--spacing-lg,1.5rem);color:var(--color-text-secondary,#475569);font-size:var(--font-size-sm,.875rem);border-radius:var(--radius-full,9999px);transition:all var(--transition-base,.2s);font-weight:600;text-decoration:none}.nav-link:hover{color:var(--color-primary,#3b82f6);background:var(--color-surface,#f8fafc)}.nav-link.active{background:var(--color-primary,#3b82f6);color:#fff;box-shadow:var(--shadow-blue,0 4px 14px 0 #0056b363)}.back-button{border-radius:var(--radius-full,9999px);background:var(--color-surface,#f8fafc);width:40px;height:40px;color:var(--color-text,#0f172a);cursor:pointer;transition:all var(--transition-base,.2s);border:1px solid #0000000d;justify-content:center;align-items:center;display:flex}.back-button:hover{background:var(--color-surface-elevated,#f1f5f9);border-color:var(--color-primary,#3b82f6);color:var(--color-primary,#3b82f6)}@media (max-width:768px){.logo-badge{font-size:var(--font-size-xl,1.25rem)}.nav-link{padding:var(--spacing-xs,.25rem)var(--spacing-md,1rem);font-size:var(--font-size-xs,.75rem)}}
.audio-player-fixed{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--spacing-md,1rem)0;z-index:var(--z-fixed,100);background:#fffffff2;border-top:1px solid #0000000d;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0000000d}.audio-player-content{align-items:center;gap:var(--spacing-xl,2rem);grid-template-columns:1fr 2fr 1fr;display:grid}.player-track-info{flex-direction:column;display:flex}.player-title{font-size:var(--font-size-base,1rem);color:var(--color-text,#0f172a);font-weight:700}.player-subtitle{font-size:var(--font-size-xs,.75rem);color:var(--color-text-muted,#64748b);text-transform:uppercase;font-weight:600}.player-controls-main{align-items:center;gap:var(--spacing-sm,.75rem);flex-direction:column;display:flex}.player-buttons{align-items:center;gap:var(--spacing-lg,1.5rem);display:flex}.btn-player-icon{color:var(--color-text-secondary,#475569);cursor:pointer;transition:all var(--transition-fast,.15s);background:0 0;border:none}.btn-player-icon:hover{color:var(--color-primary,#3b82f6);transform:scale(1.1)}.btn-play-large{border-radius:var(--radius-full,9999px);background:var(--color-primary,#3b82f6);color:#fff;cursor:pointer;width:56px;height:56px;transition:all var(--transition-base,.2s);box-shadow:var(--shadow-blue,0 0 0 3px #3b82f680);border:none;justify-content:center;align-items:center;display:flex}.btn-play-large:hover{background:var(--color-primary-dark,#1d4ed8);transform:scale(1.05)}.player-progress-container{width:100%;max-width:400px}.player-progress{appearance:none;background:var(--color-surface-elevated,#f1f5f9);border-radius:var(--radius-full,9999px);cursor:pointer;width:100%;height:4px}.player-progress::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary,#3b82f6);width:12px;height:12px;box-shadow:var(--shadow-sm,0 1px 2px 0 #0000000d);border-radius:50%}.player-volume{align-items:center;gap:var(--spacing-md,1rem);color:var(--color-text-muted,#64748b);justify-content:flex-end;display:flex}.btn-player-close{width:40px;height:40px;color:var(--color-text-muted,#64748b);cursor:pointer;border-radius:var(--radius-full,9999px);transition:all var(--transition-fast,.15s);z-index:10;background:#fff;border:1px solid #0000001a;justify-content:center;align-items:center;display:flex;position:absolute;top:-20px;right:20px;box-shadow:0 4px 12px #0000001a}.btn-player-close:hover{background:var(--color-surface-elevated,#f1f5f9);color:var(--color-lecce-red,#e30613);transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.volume-slider{appearance:none;background:var(--color-surface-elevated,#f1f5f9);border-radius:var(--radius-full,9999px);width:80px;height:4px}@media (max-width:768px){.audio-player-fixed{padding-top:2rem}.audio-player-content{text-align:center;grid-template-columns:1fr;gap:1rem}.player-track-info{align-items:center;max-width:none}.player-volume{order:3;justify-content:center;display:flex}.player-controls-main{order:2}.player-title{font-size:var(--font-size-sm,.875rem);white-space:normal}.btn-player-close{width:32px;height:32px;top:10px;right:10px}}
.modal-backdrop{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:var(--z-modal-backdrop,50);padding:var(--spacing-md,1rem);background:#0f172af2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-2xl,1.5rem);width:100%;max-width:440px;padding:var(--spacing-2xl,2rem);box-shadow:var(--shadow-2xl,0 25px 50px -12px #00000040);background:#fff;animation:.3s ease-out slideUp;position:relative}.btn-close{top:var(--spacing-lg,1.5rem);right:var(--spacing-lg,1.5rem);color:var(--color-text-muted,#64748b);cursor:pointer;transition:color var(--transition-fast,.15s);background:0 0;border:none;position:absolute}.btn-close:hover{color:var(--color-lecce-red,#e30613)}.modal-header{text-align:center;margin-bottom:var(--spacing-xl,2rem)}.modal-icon{margin-bottom:var(--spacing-md,1rem);font-size:3rem}.modal-title{font-size:var(--font-size-2xl,1.5rem);margin-bottom:var(--spacing-xs,.5rem);color:var(--color-text,#0f172a)}.modal-subtitle{font-size:var(--font-size-sm,.875rem);color:var(--color-text-secondary,#475569)}.modal-form{margin-bottom:var(--spacing-xl,2rem)}.input-group{margin-bottom:var(--spacing-lg,1.5rem)}.modal-input{width:100%;padding:var(--spacing-md,1rem);border:2px solid var(--color-surface-elevated,#f1f5f9);border-radius:var(--radius-lg,.5rem);font-size:var(--font-size-base,1rem);text-align:center;letter-spacing:.1em;transition:all var(--transition-base,.2s);font-weight:700}.modal-input:focus{border-color:var(--color-primary,#3b82f6);box-shadow:var(--shadow-blue,0 0 0 3px #3b82f680);outline:none}.modal-input.is-error{border-color:var(--color-error,#ef4444)}.error-message{color:var(--color-error,#ef4444);font-size:var(--font-size-xs,.75rem);margin-top:var(--spacing-xs,.5rem);text-align:center;font-weight:600}.btn-full{width:100%}.modal-footer{text-align:center;font-size:var(--font-size-sm,.875rem);color:var(--color-text-muted,#64748b)}.modal-footer a{color:var(--color-primary,#3b82f6);font-weight:600}