body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;font-family:Arial,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.AuthPrompt_authPrompt__nR6Q7{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);box-sizing:border-box;margin:0;overflow:hidden;padding:2rem;position:relative;text-align:center;width:100%}.AuthPrompt_authPrompt__nR6Q7:before{background:linear-gradient(90deg,var(--primary) 0,#41295a 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.AuthPrompt_lockIcon__05Jf-{color:var(--primary);font-size:3rem!important;margin-bottom:1.5rem;opacity:.9}.AuthPrompt_title__fRDSL{color:var(--text);font-size:1.75rem;font-weight:600;margin:0 0 1rem}.AuthPrompt_description__FyIAk{box-sizing:border-box;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 0 2rem;width:100%}.AuthPrompt_authButtons__xGRx5{display:flex;gap:1rem;justify-content:center;margin:0 auto;max-width:100%}.AuthPrompt_button__e0syI{border-radius:var(--radius-md);box-sizing:border-box;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 2rem;text-decoration:none;transition:all .2s var(--bounce);white-space:nowrap}.AuthPrompt_primaryButton__WEJgq{background:var(--primary);color:#fff}.AuthPrompt_primaryButton__WEJgq:hover{background:var(--primary-hover);box-shadow:0 4px 12px #7b49d133;transform:translateY(-1px)}.AuthPrompt_secondaryButton__BV5Yv{background:#0000;border:1px solid var(--surface-light);color:var(--text)}.AuthPrompt_secondaryButton__BV5Yv:hover{background:var(--surface-light);transform:translateY(-1px)}@media (max-width:768px){.AuthPrompt_authPrompt__nR6Q7{margin:0;padding:2rem 1.5rem}.AuthPrompt_authButtons__xGRx5{flex-direction:column;width:100%}.AuthPrompt_button__e0syI{padding:.75rem 1rem;text-align:center;width:100%}}:root{--primary:#7b49d1;--primary-hover:#6438b0;--background:#0a0a0a;--surface:#1f1f1f;--surface-light:#2a2a2a;--text:#e0e0e0;--text-secondary:#a0a0a0;--gradient-primary:linear-gradient(135deg,var(--text) 0%,var(--primary) 100%);--gradient-hero:linear-gradient(135deg,var(--surface) 0%,var(--background) 100%);--gradient-cta:linear-gradient(135deg,var(--primary) 0%,#41295a 100%);--max-width:1200px;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--card-shadow:0 4px 20px #0003;--header-shadow:0 2px 8px #0003;--transition-speed:0.3s;--transition-timing:ease;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--icon-sm:16px;--icon-md:24px;--icon-lg:32px;--z-header:1000;--z-modal:2000;--z-tooltip:3000;--bounce:cubic-bezier(0.4,0,0.2,1);--smooth:cubic-bezier(0.4,0,0.6,1)}body,html{height:100%;scroll-behavior:smooth}body,html{margin:0;overflow-x:hidden;padding:0;position:relative;width:100%}body{-webkit-overflow-scrolling:touch;background-color:#0a0a0a;background-color:var(--background);color:#e0e0e0;color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6;margin:0;overflow-y:auto;padding:0}.App,body{display:flex;flex-direction:column;min-height:100vh}.App,main{overflow-x:hidden;position:relative;width:100%}main{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;min-height:calc(100vh - 200px);overflow-y:auto;z-index:1}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e0e0e0,#7b49d1);background:var(--gradient-primary);-webkit-background-clip:text}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1f1f1ff2;box-shadow:0 2px 8px #0003;box-shadow:var(--header-shadow);position:sticky;top:0;width:100%;z-index:1000;z-index:var(--z-header)}.nav-content{justify-content:space-between;margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:.375rem 2rem;padding:.375rem var(--spacing-lg);position:relative}.logo,.nav-content{align-items:center;display:flex}.logo{border-radius:8px;border-radius:var(--radius-md);gap:.75rem;margin:-.5rem;margin:calc(var(--spacing-xs)*-1);padding:.5rem;padding:var(--spacing-xs);text-decoration:none;transition:all .3s ease;transition:all var(--transition-speed) var(--transition-timing)}.logo:hover{background-color:#7b49d11a}.logo-image{height:40px;transition:transform .3s ease;transition:transform var(--transition-speed) var(--transition-timing);width:auto}.logo-text{color:#e0e0e0;color:var(--text);font-size:1.5rem;font-weight:700}nav ul{align-items:center;display:flex;gap:2rem;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}nav ul li a,nav ul li button.nav-button{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-md);color:#e0e0e0;color:var(--text);cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed) var(--bounce)}nav ul li button.nav-button{color:#e0e0e0;color:var(--text)}nav ul li a:hover,nav ul li button.nav-button:hover{background-color:#7b49d11a;transform:translateY(-1px)}.menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;padding:0;width:28px;z-index:2000;z-index:var(--z-modal)}.menu-toggle span{background:#e0e0e0;background:var(--text);border-radius:2px;height:2px;transform-origin:left center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--bounce);width:100%}@media (max-width:768px){.nav-content{padding:1rem;padding:var(--spacing-sm)}.menu-toggle{display:flex}nav ul{background-color:#1f1f1f;background-color:var(--surface);box-shadow:-4px 0 15px #0000001a;flex-direction:column;gap:1rem;gap:var(--spacing-sm);height:100vh;padding:5rem 2rem 2rem;padding:5rem var(--spacing-lg) var(--spacing-lg);position:fixed;right:-100%;top:0;transition:right .3s ease;transition:right var(--transition-speed) var(--transition-timing);width:min(300px,80vw);z-index:1001}nav.open ul{right:0}nav ul li{width:100%}nav ul li a,nav ul li button.nav-button{justify-content:flex-start;padding:1rem;padding:var(--spacing-sm);width:100%}body.menu-open{overflow:hidden}}.hero{align-items:center;background:linear-gradient(135deg,#1f1f1f,#0a0a0a);background:var(--gradient-hero);display:flex;isolation:isolate;min-height:60vh;overflow:hidden;padding:clamp(3rem,6vw,8rem) 2rem;padding:clamp(3rem,6vw,8rem) var(--spacing-lg);position:relative}.hero:before{background:radial-gradient(circle at 20% 20%,#7b49d1 0,#0000 50%),radial-gradient(circle at 80% 80%,#7b49d1 0,#0000 50%);background:radial-gradient(circle at 20% 20%,var(--primary) 0,#0000 50%),radial-gradient(circle at 80% 80%,var(--primary) 0,#0000 50%);content:"";inset:0;opacity:.05;pointer-events:none;position:absolute;z-index:0}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e0e0e0,#7b49d1);background:var(--gradient-primary);-webkit-background-clip:text;font-size:clamp(2rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:clamp(1rem,2vw,1.5rem)}.hero-subtitle{color:#e0e0e0;color:var(--text);font-size:clamp(1.1rem,2vw,1.5rem);font-weight:500;line-height:1.5;margin-bottom:clamp(1.5rem,3vw,2.5rem);margin-inline:auto;max-width:800px;opacity:.9}.cta-button{align-items:center;background:linear-gradient(135deg,#7b49d1,#41295a);background:var(--gradient-cta);border:none;border-radius:12px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:clamp(1.1rem,1.5vw,1.25rem);font-weight:600;gap:.75rem;margin-bottom:2.5rem;margin-bottom:var(--spacing-xl);overflow:hidden;padding:clamp(1.25rem,2vw,1.5rem) clamp(2.5rem,4vw,4rem);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--bounce)}.cta-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s cubic-bezier(.4,0,.6,1);transition:transform .6s var(--smooth)}.cta-button:hover{box-shadow:0 8px 20px #7b49d14d,0 2px 4px #7b49d11a;transform:translateY(-2px) scale(1.02)}.cta-button:hover:before{transform:translateX(100%)}.cta-button i{font-size:24px;font-size:var(--icon-md)}.approach-section{background:#1f1f1f;background:var(--surface);overflow:hidden;padding:clamp(6rem,10vw,12rem) 2rem;padding:clamp(6rem,10vw,12rem) var(--spacing-lg);position:relative}.approach-section:before{background:linear-gradient(45deg,#7b49d1,#0000 20%),linear-gradient(-45deg,#7b49d1,#0000 20%);background:linear-gradient(45deg,var(--primary) 0,#0000 20%),linear-gradient(-45deg,var(--primary) 0,#0000 20%);content:"";inset:0;opacity:.03;pointer-events:none;position:absolute}.approach-content{margin:0 auto;max-width:1200px;max-width:var(--max-width)}.approach-intro{display:flex;flex-direction:column;gap:clamp(2rem,4vw,4rem);margin-bottom:clamp(4rem,8vw,8rem);margin-inline:auto;max-width:900px;text-align:center}.approach-header{color:#e0e0e0;color:var(--text);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:clamp(1.5rem,3vw,2rem)}.approach-subheader{color:#e0e0e0;color:var(--text);font-size:clamp(1.25rem,2.5vw,1.8rem);font-weight:500;line-height:1.5;margin:0 auto;max-width:800px;opacity:.9}.approach-grid{display:flex;flex-wrap:wrap;gap:clamp(1.5rem,2vw,2rem);justify-content:center;margin:0 auto;max-width:1200px;max-width:var(--max-width);perspective:1000px;width:100%}.approach-card{background:#2a2a2a;background:var(--surface-light);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 20px #0003;box-shadow:var(--card-shadow);cursor:pointer;display:flex;flex:1 1 auto;flex-direction:column;gap:1.5rem;gap:var(--spacing-md);max-width:none;min-width:300px;overflow:hidden;padding:clamp(2rem,4vw,3rem);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--bounce);width:calc(50% - clamp(.75rem, 1vw, 1rem))}.approach-card:before{background:linear-gradient(135deg,#7b49d1,#0000 200%);background:linear-gradient(135deg,var(--primary) 0,#0000 200%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s var(--bounce)}.approach-card:hover{box-shadow:0 20px 40px #0003,0 12px 16px #7b49d11a;transform:translateY(-8px)}.approach-card:hover:before{opacity:.05}.approach-card-icon{align-items:center;display:flex;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.approach-card h3{align-items:center;color:#e0e0e0;color:var(--text);display:flex;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;gap:1rem;gap:var(--spacing-sm);line-height:1.3}.approach-card p{color:#a0a0a0;color:var(--text-secondary);font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.6;margin:0}.approach-card-header{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-md);margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.approach-card-icon{color:#7b49d1;color:var(--primary);flex-shrink:0;font-size:2.5rem!important}.approach-card h3{flex:1 1;margin:0}@media (max-width:768px){.hero{min-height:50vh;padding:clamp(2.5rem,5vw,5rem) 1rem;padding:clamp(2.5rem,5vw,5rem) var(--spacing-sm)}.approach-section{padding:clamp(4rem,8vw,6rem) 1rem;padding:clamp(4rem,8vw,6rem) var(--spacing-sm)}.approach-card{max-width:100%;padding:2rem;padding:var(--spacing-lg);width:100%}nav ul li a{padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md)}}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e0e0e0,#7b49d1);background:var(--gradient-primary);-webkit-background-clip:text}.container{margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 2rem;padding:0 var(--spacing-lg)}@media (max-width:768px){.container{padding:0 1rem;padding:0 var(--spacing-sm)}}a{color:#7b49d1;color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:#6438b0;color:var(--primary-hover)}.faq-section{background-color:#0a0a0a;background-color:var(--background);box-sizing:border-box;padding:2.5rem 0;padding:var(--spacing-xl) 0;width:100%}.faq-content{box-sizing:border-box;margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 2rem;padding:0 var(--spacing-lg)}.faq-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e0e0e0,#7b49d1);background:linear-gradient(135deg,var(--text) 0,var(--primary) 100%);-webkit-background-clip:text;font-size:clamp(2rem,4vw,3rem);margin-bottom:clamp(2rem,4vw,3rem);padding:0 1rem;padding:0 var(--spacing-sm);text-align:center}.faq-section p{color:#a0a0a0;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:1rem 0}.faq-list{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-md)}.faq-item,.faq-list{box-sizing:border-box;width:100%}.faq-item{background-color:#1f1f1f;background-color:var(--surface);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:1.5rem;padding:var(--spacing-md)}.faq-question{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:1rem 0;padding:var(--spacing-sm) 0;position:relative;width:100%}.faq-question h3{color:#e0e0e0;color:var(--text);font-size:clamp(1rem,1.5vw,1.25rem);margin:0}.faq-arrow{height:24px;position:relative;transition:transform .3s ease;width:24px}.faq-arrow:after,.faq-arrow:before{background:#7b49d1;background:var(--primary);content:"";left:50%;position:absolute;top:50%;transition:transform .3s ease}.faq-arrow:before{height:12px;margin-left:-1px;margin-top:-6px;width:2px}.faq-arrow:after{height:2px;margin-left:-6px;margin-top:-1px;width:12px}.faq-item.open .faq-arrow:before{transform:rotate(90deg)}.faq-answer{box-sizing:border-box;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);transition:max-height .3s var(--bounce),opacity .3s var(--bounce);width:100%}.faq-item.open .faq-answer{max-height:500px;opacity:1;padding-top:1rem;padding-top:var(--spacing-sm)}.faq-answer p{color:#a0a0a0;color:var(--text-secondary);margin-bottom:1rem}.faq-answer p:last-child{margin-bottom:0}.etymology-section{background:#1f1f1f;background:var(--surface);border-radius:16px;box-shadow:0 4px 20px #0003;box-shadow:var(--card-shadow);margin:3rem auto;padding:clamp(1.5rem,2vw,2rem) 1rem;text-align:center;width:min(90%,1000px)}.etymology-content{color:#e0e0e0;color:var(--text);margin:0 auto;max-width:1200px;max-width:var(--max-width)}.etymology-text{align-items:center;display:flex;flex-direction:column;gap:.5rem}.greek-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e0e0e0,#7b49d1);background:linear-gradient(135deg,var(--text) 0,var(--primary) 100%);-webkit-background-clip:text;color:#e0e0e0;color:var(--text);font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:.05em;margin-bottom:.25rem}.greek-text,.pronunciation{font-family:Times New Roman,serif}.pronunciation{color:#a0a0a0;color:var(--text-secondary);font-size:1.2rem;font-style:italic;opacity:.8}.definition{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6;margin:0 auto;max-width:min(90%,800px)}.definition,.term{color:#e0e0e0;color:var(--text)}.term{font-weight:400}.term-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e0e0e0,#7b49d1);background:linear-gradient(135deg,var(--text) 0,var(--primary) 100%);-webkit-background-clip:text;font-style:italic;font-weight:600}.source-link{color:#a0a0a0;color:var(--text-secondary);margin-left:.5rem;opacity:.7;text-decoration:none;transition:all .2s ease}.source-link:hover{color:#7b49d1;color:var(--primary);opacity:1}.login,.playbooks,.profile{background-color:#1f1f1f;background-color:var(--surface);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:2rem auto;max-width:600px;padding:2rem}form div{margin-bottom:1.5rem}form label{color:#a0a0a0;color:var(--text-secondary);display:block;font-weight:500;margin-bottom:.5rem}form input{background-color:#2a2a2a;background-color:var(--surface-light);border:2px solid #2a2a2a;border:2px solid var(--surface-light);border-radius:8px;color:#e0e0e0;color:var(--text);padding:.75rem;transition:all .2s ease;width:100%}form input:focus{border-color:#7b49d1;border-color:var(--primary);box-shadow:0 0 0 2px #7b49d133;outline:none}button{background-color:#7b49d1;background-color:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}button:hover{background-color:#6438b0;background-color:var(--primary-hover);box-shadow:0 4px 12px #7b49d133;transform:translateY(-1px)}footer{align-items:center;background-color:#1f1f1f;background-color:var(--surface);box-sizing:border-box;color:#a0a0a0;color:var(--text-secondary);display:flex;flex-direction:column;font-size:1rem;gap:4px;height:auto;justify-content:center;line-height:1;margin-top:auto;min-height:36px;padding:2rem;padding:var(--spacing-lg);position:relative;width:100%}@media (min-width:768px){footer{align-items:center;flex-direction:row;justify-content:space-between;padding:8px 2rem;padding:8px var(--spacing-lg)}.location-text{justify-content:center;left:0;line-height:1;margin:0;padding:0;position:absolute;right:0;text-align:center;top:50%;transform:translateY(-50%);white-space:nowrap;width:100%}.footer-links,.location-text{align-items:center;display:flex}.footer-links{margin-right:auto}.copyright,.footer-links{height:36px;position:relative;z-index:2}.copyright{align-items:center;display:flex;padding-right:2rem;padding-right:var(--spacing-lg);white-space:nowrap}}.location-text{color:#e0e0e0;color:var(--text);gap:4px;justify-content:center;line-height:1;margin:0;padding:0;text-align:center}.footer-links,.location-text{align-items:center;display:flex;height:36px}.footer-links{gap:.5rem}.footer-divider{font-size:.75rem;opacity:.5}.footer-divider,.footer-link{align-items:center;color:#a0a0a0;color:var(--text-secondary);display:flex;height:36px}.footer-link{font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#7b49d1;color:var(--primary)}.emoji-container{align-items:center;display:inline-flex;height:1em;justify-content:center;margin:0 .25rem;overflow:hidden;position:relative;vertical-align:middle;width:1.2em}.emoji{font-size:1rem;left:50%;line-height:1;position:absolute;text-align:center;transform:translateX(-50%);transition:none;width:100%}.emoji.roll-out{animation:rollOut .5s cubic-bezier(.4,0,.2,1) forwards;animation:rollOut .5s var(--bounce) forwards}.emoji.roll-in{animation:rollIn .5s cubic-bezier(.4,0,.2,1) forwards;animation:rollIn .5s var(--bounce) forwards}@keyframes rollOut{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(100%)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-50%) translateY(-100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.playbook-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.playbook-item{background-color:#2a2a2a;background-color:var(--surface-light);border-radius:12px;cursor:pointer;padding:1.5rem;transition:transform .2s ease}.playbook-item:hover{transform:translateY(-4px)}.playbook-item h2{color:#7b49d1;color:var(--primary);margin-bottom:.5rem}.profile-info{background-color:#2a2a2a;background-color:var(--surface-light);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.profile-info h2{color:#7b49d1;color:var(--primary);margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero,.login,.playbooks,.profile{animation:fadeIn .5s ease-out}.error-message{background-color:#ff00001a;border:1px solid #f003;border-radius:8px;color:#ff6b6b;margin-bottom:1.5rem;padding:1rem}.loading{align-items:center;background:#2a2a2a;background:var(--surface-light);border-radius:8px;border-radius:var(--radius-md);color:#a0a0a0;color:var(--text-secondary);display:flex;font-size:1.1rem;justify-content:center;margin:1rem 0;min-height:200px}.nav-button{background:none;border:1px solid #7b49d1;border:1px solid var(--primary);border-radius:4px;color:#7b49d1;color:var(--primary);padding:.5rem 1rem;transition:all .2s ease}.nav-button:hover{background-color:#7b49d1;background-color:var(--primary);box-shadow:none;color:#fff;transform:none}button:disabled{background-color:#2a2a2a;background-color:var(--surface-light);cursor:not-allowed;transform:none}button:disabled:hover{box-shadow:none}.success-message{background-color:#00ff001a;border:1px solid #0f03;border-radius:8px;color:#4caf50;margin-bottom:1.5rem;padding:1rem}.loading:after{animation:spin 1s linear infinite;border:3px solid #a0a0a0;border-top-color:#7b49d1;border:3px solid var(--text-secondary);border-radius:50%;border-top-color:var(--primary);content:"";display:block;height:30px;margin:1rem auto;width:30px}.profile-info{grid-gap:1rem;display:grid;gap:1rem}.profile-info p{background-color:#1f1f1f;background-color:var(--surface);border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.playbook-item{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.playbook-item:before{background:#7b49d1;background:var(--primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:4px}.playbook-item:hover:before{opacity:1}.auth-container{align-items:center;background-color:#7b49d1;background-color:var(--primary);background:linear-gradient(135deg,#7b49d1,#41295a);background:linear-gradient(135deg,var(--primary) 0,#41295a 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background-color:#1f1f1f;background-color:var(--surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0003;box-shadow:var(--card-shadow);box-sizing:border-box;max-width:400px;padding:2rem;text-align:center;width:100%}.auth-card img{height:64px;margin-bottom:1rem;width:64px}.auth-card h2{color:#e0e0e0;color:var(--text);font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.auth-card p{color:#a0a0a0;color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem}.form-group{margin-bottom:1.25rem;text-align:left}.form-group label{color:#e0e0e0;color:var(--text);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input{background-color:#2a2a2a;background-color:var(--surface-light);border:1px solid #2a2a2a;border:1px solid var(--surface-light);border-radius:8px;border-radius:var(--radius-md);color:#e0e0e0;color:var(--text);padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#7b49d1;border-color:var(--primary);box-shadow:0 0 0 2px #7b49d133;outline:none}.form-group input::placeholder{color:#a0a0a0;color:var(--text-secondary);opacity:.7}.auth-card .btn{background-color:#7b49d1;background-color:var(--primary);border:none;border-radius:8px;border-radius:var(--radius-md);box-sizing:border-box;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:.5rem;padding:.75rem;transition:all .2s ease;width:100%}.auth-card .btn:hover:not(:disabled){background-color:#6438b0;background-color:var(--primary-hover);transform:translateY(-1px)}.auth-links{color:#a0a0a0;color:var(--text-secondary);font-size:.9rem;margin-top:1.5rem}.auth-links a{color:#7b49d1;color:var(--primary);font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}.remember-me{align-items:center;color:#e0e0e0;color:var(--text);display:flex;font-size:.9rem;gap:.5rem;margin:1rem 0}.remember-me input[type=checkbox]{margin:0;width:auto}@media (prefers-color-scheme:dark){:root{--input-bg-color:#2a2a2a;--border-color:#404040;--error-bg-color:#ff5f5f20;--error-color:#ff8f8f;--error-border-color:#ff5f5f40;--success-bg-color:#4caf5020;--success-color:#7fdb84;--success-border-color:#4caf5040}}.alert{border-radius:8px;border-radius:var(--radius-md);box-sizing:border-box;font-size:.95rem;margin-bottom:1.5rem;padding:1rem;width:100%}.alert-error{background-color:var(--error-bg-color);border:1px solid var(--error-border-color);color:var(--error-color)}.alert-success{background-color:var(--success-bg-color);border:1px solid var(--success-border-color);color:var(--success-color)}.auth-card form{box-sizing:border-box;width:100%}.picks-section{background:#0a0a0a;background:var(--background);min-height:calc(100vh - 200px);padding:2.5rem 0;padding:var(--spacing-xl) 0}.picks-section .container{margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 2rem;padding:0 var(--spacing-lg)}.picks-options{background:#1f1f1f;background:var(--surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0003;box-shadow:var(--card-shadow);margin-bottom:2.5rem;margin-bottom:var(--spacing-xl);padding:2.5rem;padding:var(--spacing-xl)}.option-group{gap:2rem;gap:var(--spacing-lg)}.option-group,.option-item{display:flex;flex-direction:column}.option-item{gap:1rem;gap:var(--spacing-sm)}.option-label{color:#e0e0e0;color:var(--text);font-size:1rem;font-weight:500}.event-dropdown,.playbook-dropdown{background:#2a2a2a;background:var(--surface-light);border:1px solid #2a2a2a;border:1px solid var(--surface-light);border-radius:8px;border-radius:var(--radius-md);color:#e0e0e0;color:var(--text);cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.event-dropdown:hover,.playbook-dropdown:hover{border-color:#7b49d1;border-color:var(--primary)}.budget-input{align-items:center;background:#2a2a2a;background:var(--surface-light);border:1px solid #2a2a2a;border:1px solid var(--surface-light);border-radius:8px;border-radius:var(--radius-md);display:flex;padding:.75rem 1rem;transition:all .2s ease}.budget-input:focus-within{border-color:#7b49d1;border-color:var(--primary);box-shadow:0 0 0 2px #7b49d11a}.currency-symbol{color:#e0e0e0;color:var(--text);font-weight:500;margin-right:.5rem}.budget-input input{background:#0000;border:none;color:#e0e0e0;color:var(--text);font-size:1rem;outline:none;width:100%}.picks-display{background:#1f1f1f;background:var(--surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0003;box-shadow:var(--card-shadow);padding:2.5rem;padding:var(--spacing-xl)}.section-header{margin-bottom:2.5rem;margin-bottom:var(--spacing-xl)}.section-header h2{color:#e0e0e0;color:var(--text);font-size:1.5rem;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.total-wager{background:#2a2a2a;background:var(--surface-light);border-radius:8px;border-radius:var(--radius-md);margin:1.5rem 0;margin:var(--spacing-md) 0;padding:1.5rem 2rem;padding:var(--spacing-md) var(--spacing-lg)}.total-wager h3{color:#e0e0e0;color:var(--text);font-size:1.2rem;margin:0}.allocation-note{color:#a0a0a0;color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0;margin:var(--spacing-xs) 0 0}.pick-item{border:1px solid #ffffff0d;border-radius:12px;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-md);overflow:hidden;padding:2rem;padding:var(--spacing-lg);position:relative}.pick-item:hover{border-color:#ffffff1a}.pick-type{font-size:.85rem;font-weight:500;padding:4px 12px;position:absolute;right:1rem;right:var(--spacing-sm);text-transform:capitalize;top:1rem;top:var(--spacing-sm)}.pick-type.moneyline{background-color:#2563eb33;color:#60a5fa}.pick-type.parlay{background-color:#9333ea33;color:#c084fc}.event-info{background:#2a2a2a;background:var(--surface-light);border-radius:8px;border-radius:var(--radius-md);margin:1rem 0;margin:var(--spacing-sm) 0;padding:1.5rem;padding:var(--spacing-md)}.event-info strong{color:#e0e0e0;color:var(--text);display:block;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.event-date,.updated-date{color:#a0a0a0;color:var(--text-secondary);display:block;font-size:.9rem;line-height:1.6;margin:.5rem 0 0;margin:var(--spacing-xs) 0 0}.event-info p{margin:0}.playbook-description{background:#2a2a2a;background:var(--surface-light);border-radius:8px;border-radius:var(--radius-md);color:#a0a0a0;color:var(--text-secondary);font-size:.9rem;line-height:1.5;padding:1rem;padding:var(--spacing-sm)}.picks-hero{background:linear-gradient(135deg,#1f1f1f,#0a0a0a);background:linear-gradient(135deg,var(--surface) 0,var(--background) 100%);min-height:20vh;overflow:hidden;padding:2rem 0;padding:var(--spacing-lg) 0;position:relative}.picks-hero:before{background:radial-gradient(circle at 20% 20%,#7b49d1 0,#0000 50%),radial-gradient(circle at 80% 80%,#7b49d1 0,#0000 50%);background:radial-gradient(circle at 20% 20%,var(--primary) 0,#0000 50%),radial-gradient(circle at 80% 80%,var(--primary) 0,#0000 50%);content:"";inset:0;opacity:.05;pointer-events:none;position:absolute}.picks-tabs{background:#1f1f1f;background:var(--surface);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:1.5rem;gap:var(--spacing-md);margin-bottom:2.5rem;margin-bottom:var(--spacing-xl);padding:.5rem;width:fit-content}.picks-tabs .tab{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md);color:#e0e0e0;color:var(--text);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.picks-tabs .tab:hover{background:#2a2a2a;background:var(--surface-light)}.picks-tabs .tab.active{background:#7b49d1;background:var(--primary);color:#fff}.pick-details{margin-bottom:1.5rem;margin-bottom:var(--spacing-md);padding-right:100px}.pick-details h3{color:#e0e0e0;color:var(--text);font-size:1.2rem;margin:0 0 .25rem}.pick-details .opponent,.pick-details .vs{color:#a0a0a0;color:var(--text-secondary);display:inline;font-size:.9rem}.pick-details .vs{margin-right:.5rem}.pick-details .opponent{display:inline;font-size:1rem;margin:0}.pick-stats{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat{display:flex;flex-direction:column;gap:.25rem}.stat span{color:#a0a0a0;color:var(--text-secondary);font-size:.85rem}.stat strong{color:#e0e0e0;color:var(--text);font-size:1.1rem}.stat small{color:#a0a0a0;color:var(--text-secondary);font-size:.8rem}.playbook-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:2rem 0}.playbook-card{border:1px solid #ffffff1a;cursor:pointer;padding:2rem;padding:var(--spacing-lg);transition:all .3s ease}.playbook-card:hover{border-color:#fff3;box-shadow:0 4px 20px #0003;box-shadow:var(--card-shadow);transform:translateY(-2px)}.playbook-card h3{color:#e0e0e0;color:var(--text);font-size:1.2rem;margin:0 0 1rem}.playbook-card p{color:#a0a0a0;color:var(--text-secondary);font-size:.9rem;margin:.5rem 0}.no-playbooks{padding:2.5rem 0;padding:var(--spacing-xl) 0;text-align:center}.create-playbook-btn{background:#7b49d1;background:var(--primary);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;margin-top:1.5rem;margin-top:var(--spacing-md);padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.create-playbook-btn:hover{background:#6438b0;background:var(--primary-hover);transform:translateY(-1px)}@media (max-width:768px){.picks-tabs{flex-direction:column;width:100%}.pick-stats{grid-template-columns:1fr 1fr}.pick-details{padding-right:0;padding-top:2rem}.option-group{flex-direction:column;gap:1.5rem;gap:var(--spacing-md)}.option-item{align-items:flex-start;flex-direction:column;width:100%}.budget-input{max-width:100%}.budget-input,.event-dropdown,.playbook-dropdown{width:100%}}.loading,.picks-placeholder{align-items:center;background:#2a2a2a;background:var(--surface-light);border-radius:8px;border-radius:var(--radius-md);color:#a0a0a0;color:var(--text-secondary);display:flex;font-size:1rem;justify-content:center;min-height:200px}.playbooks-container{margin:0 auto;max-width:1200px;max-width:var(--max-width);min-height:calc(100vh - 200px);padding:clamp(2rem,4vw,4rem)}.playbooks-header{margin-bottom:clamp(2rem,4vw,3rem)}.playbooks-header h2{align-items:center;color:#e0e0e0;color:var(--text);display:inline-flex;font-size:clamp(1.5rem,2.5vw,1.75rem);font-weight:600;gap:.75rem}.playbooks-header h2 svg{color:#7b49d1;color:var(--primary);height:24px;width:24px}.playbooks-list{grid-gap:clamp(1.5rem,3vw,2rem);display:grid;gap:clamp(1.5rem,3vw,2rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,500px),1fr))}.playbook-card{background:#1f1f1f;background:var(--surface);border:1px solid #ffffff0d;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0003;box-shadow:var(--card-shadow);display:flex;flex-direction:column;overflow:hidden;padding:clamp(1.5rem,3vw,2rem);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--bounce)}.playbook-card:before{background:linear-gradient(135deg,#7b49d1,#0000 400%);background:linear-gradient(135deg,var(--primary) 0,#0000 400%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s var(--bounce)}.playbook-card:hover{border-color:#ffffff1a;box-shadow:0 20px 40px #0003,0 12px 16px #7b49d11a;transform:translateY(-4px)}.playbook-card:hover:before{opacity:.05}.playbook-header{border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding-bottom:1.25rem;position:relative}.playbook-header h2{align-items:center;color:#e0e0e0;color:var(--text);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.playbook-header h2 svg{color:#7b49d1;color:var(--primary);height:20px;width:20px}.playbook-details{display:flex;flex:1 1;flex-direction:column;gap:1.5rem}.event-name-row{margin-bottom:.5rem;order:-1}.detail-group.full-width .event-name{background:#2a2a2a;background:var(--surface-light);border:1px solid #ffffff0d;border-radius:8px;border-radius:var(--radius-md);box-sizing:border-box;color:#e0e0e0;color:var(--text);display:block;font-size:1.125rem;font-weight:500;line-height:1.4;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.detail-row{grid-gap:1.25rem;align-items:start;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.detail-group{display:flex;flex-direction:column;gap:.5rem}.detail-group label{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.detail-group label,.detail-icon{color:#a0a0a0;color:var(--text-secondary)}.detail-icon{flex-shrink:0;height:16px;width:16px}.detail-group span{color:#e0e0e0;color:var(--text);font-size:1rem;font-weight:500}.detail-group .date{font-size:.875rem;font-weight:400}.detail-group .date,.detail-group .updated-date{color:#e0e0e0;color:var(--text)}.playbook-actions{border-top:1px solid #ffffff1a;display:flex;justify-content:flex-end;margin-top:2rem;padding-top:1.25rem}.view-button{align-items:center;background:linear-gradient(135deg,#7b49d1,#41295a);background:var(--gradient-cta);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--bounce)}.view-button:hover{box-shadow:0 8px 20px #7b49d14d,0 2px 4px #7b49d11a;transform:translateY(-2px)}@media (max-width:768px){.detail-row{grid-template-columns:1fr}.playbook-card{padding:1.25rem}}.contact-container{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:500px;min-height:calc(100vh - 200px);padding:1rem;width:100%}.contact-info{margin-bottom:2rem;text-align:center}.contact-info .divider,.contact-info p{color:#a0a0a0;color:var(--text-secondary);margin:1rem 0}.contact-info .divider{opacity:.5}.contact-form{background:#1f1f1f;background:var(--surface);border:1px solid #ffffff0d;border-radius:12px;border-radius:var(--radius-lg);padding:1.5rem}.contact-form,.form-group{box-sizing:border-box;width:100%}.form-group{margin-bottom:1rem}.form-group input,.form-group textarea{background:#2a2a2a;background:var(--surface-light);border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-md);box-sizing:border-box;color:#e0e0e0;color:var(--text);font-size:1rem;padding:.75rem;width:100%}.form-group textarea{min-height:120px;resize:vertical}.submit-button{background:#7b49d1;background:var(--primary);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;width:100%}.submit-button:disabled{cursor:not-allowed;opacity:.7}.success-container{background:#1f1f1f;background:var(--surface);border:1px solid #ffffff0d;border-radius:12px;border-radius:var(--radius-lg);padding:2rem;text-align:center}@media (max-width:768px){.contact-container{padding:.5rem;width:100%}.contact-form{padding:1rem;width:100%}.form-group{margin-bottom:.75rem}.form-group input,.form-group textarea{font-size:16px;padding:.5rem}}.faq-container{display:flex;flex-direction:column;margin:0 auto;min-height:calc(100vh - 200px);width:100%}.faq-content{background:#1f1f1f;background:var(--surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0003;box-shadow:var(--card-shadow);padding:clamp(1.5rem,3vw,2rem);width:100%}.faq-hero{align-items:center;background:linear-gradient(135deg,#1f1f1f,#0a0a0a);background:linear-gradient(135deg,var(--surface) 0,var(--background) 100%);display:flex;min-height:20vh;overflow:hidden;padding:2rem 0;padding:var(--spacing-lg) 0;position:relative}.faq-hero:before{background:radial-gradient(circle at 20% 20%,#7b49d1 0,#0000 50%),radial-gradient(circle at 80% 80%,#7b49d1 0,#0000 50%);background:radial-gradient(circle at 20% 20%,var(--primary) 0,#0000 50%),radial-gradient(circle at 80% 80%,var(--primary) 0,#0000 50%);content:"";inset:0;opacity:.05;pointer-events:none;position:absolute}@media (max-width:768px){.faq-container{padding:0}.faq-content{padding:1rem}}.auth-prompt-container{align-self:center;background:#1f1f1f;background:var(--surface);border:1px solid #ffffff0d;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 20px #0003;box-shadow:var(--card-shadow);margin:0 auto;max-width:600px;overflow:hidden;padding:clamp(2rem,4vw,3rem);position:relative;text-align:center;width:100%}.auth-prompt-container:before{background:linear-gradient(135deg,#7b49d1,#0000 400%);background:linear-gradient(135deg,var(--primary) 0,#0000 400%);content:"";inset:0;opacity:.03;pointer-events:none;position:absolute}.auth-prompt-container h2{color:#e0e0e0;color:var(--text);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:1.5rem}.auth-prompt-container p{color:#a0a0a0;color:var(--text-secondary);font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.7;margin-bottom:1.5rem}.auth-prompt-container ul{list-style:none;margin:0 auto 2rem;max-width:400px;padding:0;text-align:left}.auth-prompt-container ul li{color:#a0a0a0;color:var(--text-secondary);font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.auth-prompt-container ul li:before{color:#7b49d1;color:var(--primary);content:"✓";font-weight:700;left:0;position:absolute}.auth-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.auth-buttons .btn{border-radius:12px;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--bounce)}.auth-buttons .btn-primary{background:linear-gradient(135deg,#7b49d1,#41295a);background:var(--gradient-cta);border:none;color:#fff}.auth-buttons .btn-secondary{background:#2a2a2a;background:var(--surface-light);border:1px solid #ffffff1a;color:#e0e0e0;color:var(--text)}.auth-buttons .btn:hover{box-shadow:0 8px 20px #7b49d133,0 2px 4px #7b49d11a;transform:translateY(-2px)}.playbook-builder-hero{align-items:center;background:linear-gradient(135deg,#1f1f1f,#0a0a0a);background:linear-gradient(135deg,var(--surface) 0,var(--background) 100%);display:flex;min-height:20vh;overflow:hidden;padding:2rem 0;padding:var(--spacing-lg) 0;position:relative}.playbook-builder-hero:before{background:radial-gradient(circle at 20% 20%,#7b49d1 0,#0000 50%),radial-gradient(circle at 80% 80%,#7b49d1 0,#0000 50%);background:radial-gradient(circle at 20% 20%,var(--primary) 0,#0000 50%),radial-gradient(circle at 80% 80%,var(--primary) 0,#0000 50%);content:"";inset:0;opacity:.05;pointer-events:none;position:absolute}.playbook-builder-container{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;max-width:var(--max-width);min-height:calc(100vh - 200px);padding:clamp(2rem,4vw,4rem)}.builder-options{grid-gap:clamp(1.5rem,3vw,2rem);display:grid;gap:clamp(1.5rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.builder-option{background:#1f1f1f;background:var(--surface);border:1px solid #ffffff0d;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0003;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:clamp(2rem,4vw,3rem);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--bounce)}.builder-option:before{background:linear-gradient(135deg,#7b49d1,#0000 400%);background:linear-gradient(135deg,var(--primary) 0,#0000 400%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s var(--bounce)}.builder-option:hover:not(.disabled){border-color:#ffffff1a;box-shadow:0 20px 40px #0003,0 12px 16px #7b49d11a;transform:translateY(-4px)}.builder-option:hover:not(.disabled):before{opacity:.05}.builder-option.disabled{cursor:not-allowed;opacity:.7}.builder-option-icon{align-items:center;background:#7b49d11a;border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:.5rem;width:48px}.builder-option-icon svg{color:#7b49d1;color:var(--primary);height:28px;width:28px}.builder-option h2{color:#e0e0e0;color:var(--text);font-size:1.5rem;font-weight:600;margin:0}.builder-option p{color:#a0a0a0;color:var(--text-secondary);flex-grow:1;font-size:1rem;line-height:1.6;margin:0}.builder-option-button{align-items:center;background:linear-gradient(135deg,#7b49d1,#41295a);background:var(--gradient-cta);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--bounce);width:fit-content}.builder-option-button:hover:not(:disabled){box-shadow:0 8px 20px #7b49d14d,0 2px 4px #7b49d11a;transform:translateY(-2px)}.builder-option-button:disabled{background:#2a2a2a;background:var(--surface-light);cursor:not-allowed;opacity:.7}.coming-soon-badge{align-items:center;background:#ffffff1a;border-radius:8px;border-radius:var(--radius-md);color:#a0a0a0;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;position:absolute;right:1rem;top:1rem}.coming-soon-badge svg{height:16px;width:16px}@media (max-width:768px){.builder-options{grid-template-columns:1fr}.builder-option{padding:1.5rem}}.simple-builder-section{margin:0 auto;max-width:1200px;max-width:var(--max-width);min-height:calc(100vh - 190px);padding:2.5rem 0;padding:var(--spacing-xl) 0;width:100%}.progress-bar{background:#2a2a2a;background:var(--surface-light);border-radius:var(--radius-full);height:4px;margin-bottom:2rem;overflow:hidden;width:100%}.progress-fill{background:#7b49d1;background:var(--primary);height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width .3s var(--bounce)}.strategy-card{background:#1f1f1f;background:var(--surface);border-radius:12px;border-radius:var(--radius-lg);flex:1 1;margin-bottom:2rem;padding:2rem}.strategy-name{font-size:1.75rem;font-weight:600;margin-bottom:1rem}.strategy-prompt{color:#a0a0a0;color:var(--text-secondary);font-size:1.125rem;line-height:1.5;margin-bottom:2rem}.options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.option-button{background:#2a2a2a;background:var(--surface-light);border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-md);color:#e0e0e0;color:var(--text);cursor:pointer;font-size:1rem;padding:1rem;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--bounce);width:100%}.option-button:hover{background:var(--surface-hover);transform:translateY(-2px)}.option-button.selected{background:#7b49d1;background:var(--primary);border-color:#7b49d1;border-color:var(--primary);color:#fff}.navigation{justify-content:space-between;margin-top:auto;padding-top:2rem}.nav-button,.navigation{align-items:center;display:flex}.nav-button{border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:500;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--bounce)}.back-button{background:#2a2a2a;background:var(--surface-light);border:1px solid #ffffff1a;color:#e0e0e0;color:var(--text)}.back-button:hover{background:var(--surface-hover)}.build-button,.next-button{background:#7b49d1;background:var(--primary);border:none;color:#fff}.build-button:hover,.next-button:hover{box-shadow:0 8px 20px #7b49d14d,0 2px 4px #7b49d11a;transform:translateY(-2px)}.build-button:disabled,.next-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.loading-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2.5rem;padding:var(--spacing-xl);text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #2a2a2a;border-top:4px solid #7b49d1;border:4px solid var(--surface-light);border-radius:50%;border-top-color:var(--primary);height:50px;margin-bottom:2rem;margin-bottom:var(--spacing-lg);width:50px}.loading-screen h2{color:#e0e0e0;color:var(--text);font-size:1.5rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.loading-screen p{color:#a0a0a0;color:var(--text-secondary);line-height:1.6;max-width:400px}.results-view{padding:2.5rem 0;padding:var(--spacing-xl) 0}.results-view h2{color:#e0e0e0;color:var(--text);font-size:2rem;text-align:center}.results-summary,.results-view h2{margin-bottom:2.5rem;margin-bottom:var(--spacing-xl)}.results-summary{grid-gap:2rem;grid-gap:var(--spacing-lg);display:grid;gap:2rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-item{background:#1f1f1f;background:var(--surface);border-radius:12px;border-radius:var(--radius-lg);padding:2rem;padding:var(--spacing-lg);text-align:center}.summary-item h3{color:#a0a0a0;color:var(--text-secondary);font-size:1rem;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.summary-item p{color:#e0e0e0;color:var(--text);font-size:1.5rem;font-weight:600;margin:0}.summary-item .date{color:#a0a0a0;color:var(--text-secondary);font-size:.9rem;font-weight:400;margin-top:.5rem;margin-top:var(--spacing-xs)}.strategy-weights{background:#1f1f1f;background:var(--surface);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:2.5rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-lg)}.strategy-weights h3{color:#e0e0e0;color:var(--text);font-size:1.25rem;margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.strategy-weight-item{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--surface-light);display:flex;justify-content:space-between;padding:1rem 0;padding:var(--spacing-sm) 0}.strategy-weight-item:last-child{border-bottom:none}.strategy-name{color:#e0e0e0;color:var(--text);font-size:.95rem}.strategy-weight{color:#7b49d1;color:var(--primary);font-size:.95rem;font-weight:600}.picks-list{background:#1f1f1f;background:var(--surface);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:2.5rem;margin-bottom:var(--spacing-xl)}.picks-list h3{color:#e0e0e0;color:var(--text);font-size:1.25rem;margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.pick-item{background:#2a2a2a;background:var(--surface-light);border-radius:8px;border-radius:var(--radius-md);padding:1.5rem;padding:var(--spacing-md)}.pick-header,.pick-item{margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.pick-header{align-items:center;display:flex;justify-content:space-between}.pick-header h4{color:#e0e0e0;color:var(--text);font-size:1rem;margin:0}.pick-type{background:#7b49d1;background:var(--primary);border-radius:4px;border-radius:var(--radius-sm);color:#fff;font-size:.8rem;padding:4px 8px}.pick-details{display:flex;gap:1.5rem;gap:var(--spacing-md)}.pick-details span{color:#a0a0a0;color:var(--text-secondary);font-size:.9rem}.action-buttons{display:flex;gap:1.5rem;gap:var(--spacing-md);justify-content:flex-end}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.results-summary{grid-template-columns:1fr}.pick-header{align-items:flex-start}.pick-details,.pick-header{flex-direction:column;gap:.5rem;gap:var(--spacing-xs)}}.detail-row.event-name-row{display:block;margin-bottom:1rem;width:100%}.detail-row.event-name-row .detail-group.full-width{width:100%}.auth-prompt-wrapper{align-items:flex-start;display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 420px);padding:0;width:100%}.content-grid{grid-gap:24px;display:grid;flex:1 1;gap:24px;width:100%}.page-container{box-sizing:border-box;margin:0 auto;max-width:1200px;overflow-x:hidden;padding:24px;width:100%}@media (max-width:768px){.page-container{padding:16px}.page-header{margin-bottom:16px;padding:16px}.content-grid{margin:0;padding:0;width:100%}.picks-section,.selector-card{box-sizing:border-box;margin:0;padding:0;width:100%}.content-section{padding:16px}}.page-header{align-items:center;background:linear-gradient(90deg,#7b49d11a,#0000);border:1px solid #7b49d133;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:32px;padding:32px}.header-content{flex:1 1}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;margin:0}.header-subtitle{color:#fff9;font-size:16px;line-height:1.5;margin:8px 0 0}.header-stats{display:flex;gap:16px;margin-left:32px}.stat-card{background:#0003;border:1px solid #ffffff1a;border-radius:12px;min-width:120px;padding:16px 24px;text-align:center}.stat-card .stat-value{color:#7b49d1;color:var(--primary);display:block;font-size:24px;font-weight:600;margin-bottom:4px}.stat-card .stat-label{color:#fff9;font-size:14px}@media (max-width:768px){.page-header{flex-direction:column;gap:24px;padding:24px;text-align:center}.header-content h1{font-size:28px}.header-subtitle{font-size:14px}.header-stats{justify-content:center;margin-left:0;width:100%}.stat-card{min-width:100px;padding:12px 16px}}.contact-hero{align-items:center;background:linear-gradient(135deg,#1f1f1f,#0a0a0a);background:linear-gradient(135deg,var(--surface) 0,var(--background) 100%);display:flex;min-height:20vh;overflow:hidden;padding:2rem 0;padding:var(--spacing-lg) 0;position:relative}.contact-hero:before{background:radial-gradient(circle at 20% 20%,#7b49d1 0,#0000 50%),radial-gradient(circle at 80% 80%,#7b49d1 0,#0000 50%);background:radial-gradient(circle at 20% 20%,var(--primary) 0,#0000 50%),radial-gradient(circle at 80% 80%,var(--primary) 0,#0000 50%);content:"";inset:0;opacity:.05;pointer-events:none;position:absolute}.hero-content{margin:0 auto;max-width:1200px;max-width:var(--max-width);position:relative;text-align:center;width:100%;z-index:2}.highlight-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#8bc34a);-webkit-background-clip:text;background-clip:text;display:inline-block;font-weight:700;position:relative}.highlight-text:after{background:linear-gradient(135deg,#4caf50,#8bc34a);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.not-found-container{align-items:center;animation:fadeIn .7s cubic-bezier(.4,0,.6,1);animation:fadeIn .7s var(--smooth);background:#2a2a2a;background:var(--surface-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0003;box-shadow:var(--card-shadow);color:#e0e0e0;color:var(--text);display:flex;flex-direction:column;justify-content:center;margin:3rem auto 2rem;max-width:500px;min-height:60vh;padding:3rem 2rem 2.5rem}.not-found-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e0e0e0,#7b49d1);background:var(--gradient-primary);-webkit-background-clip:text;font-size:5rem;font-weight:900;margin-bottom:.5rem}.not-found-container h2{color:#7b49d1;color:var(--primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.not-found-container p{color:#a0a0a0;color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.not-found-container a{background:linear-gradient(135deg,#7b49d1,#41295a);background:var(--gradient-cta);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 8px #7b49d114;color:#7b49d1;color:var(--primary);font-size:1.1rem;font-weight:700;padding:.75rem 2rem;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s}.not-found-container a:hover{background:#6438b0;background:var(--primary-hover);box-shadow:0 4px 16px #7b49d126;color:#fff}@media (max-width:600px){.not-found-container{margin:2rem .5rem 1rem;padding:2rem .5rem}.not-found-container h1{font-size:3rem}.not-found-container h2{font-size:1.3rem}}.App,.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1 0 auto}footer{flex-shrink:0}.not-found-section{background:none;flex:1 1;justify-content:center;min-height:calc(100vh - 200px)}.not-found-card,.not-found-section{align-items:center;display:flex;width:100%}.not-found-card{animation:fadeIn .7s cubic-bezier(.4,0,.6,1);animation:fadeIn .7s var(--smooth);background:#1f1f1f;background:var(--surface);border:1px solid #ffffff0d;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 20px #0003;box-shadow:var(--card-shadow);flex-direction:column;gap:.5rem;max-width:420px;padding:clamp(2.5rem,6vw,4rem) clamp(1.5rem,4vw,3rem);text-align:center}.not-found-icon{color:#7b49d1;color:var(--primary);font-size:3.5rem!important;margin-bottom:.5rem;margin-top:.5rem}.not-found-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e0e0e0,#7b49d1);background:var(--gradient-primary);-webkit-background-clip:text;font-size:3rem;font-weight:900;margin:0 0 .5rem}.not-found-subheading{color:#7b49d1;color:var(--primary);font-size:1.3rem;font-weight:700;letter-spacing:.01em;margin:0 0 1.2rem}.not-found-card p{margin-top:.5rem}.not-found-home-link{background:linear-gradient(135deg,#7b49d1,#41295a);background:var(--gradient-cta);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 8px #7b49d114;display:inline-block;font-size:1.1rem;font-weight:700;padding:.75rem 2rem;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s}.not-found-home-link:hover{box-shadow:0 4px 16px #7b49d126}@media (max-width:600px){.not-found-card{max-width:95vw;padding:2rem .5rem}.not-found-card h1{font-size:2.2rem}.not-found-icon{font-size:2.2rem!important}}.not-found-container{display:none!important}.not-found-emoji{animation:notFoundBounce 1.2s cubic-bezier(.4,0,.2,1) infinite alternate;display:block;filter:drop-shadow(0 2px 8px rgba(123,73,209,.15));font-size:3.5rem;margin-bottom:.25rem}@keyframes notFoundBounce{0%{transform:translateY(0) scale(1)}to{transform:translateY(-10px) scale(1.08)}}.not-found-card{background:linear-gradient(135deg,#2a2a2a 80%,#1f1f1f);background:linear-gradient(135deg,var(--surface-light) 80%,var(--surface) 100%);border:1.5px solid #7b49d114;box-shadow:0 8px 32px #7b49d11a,0 4px 20px #0003;box-shadow:0 8px 32px #7b49d11a,var(--card-shadow)}.not-found-card h2{color:#7b49d1;color:var(--primary);font-size:1.4rem;font-weight:700;letter-spacing:.01em;margin-bottom:.5rem}.not-found-card p{color:#a0a0a0;color:var(--text-secondary);font-size:1.08rem;line-height:1.7;margin-bottom:1.5rem}.not-found-home-link{background:linear-gradient(90deg,#7b49d1 60%,#41295a);background:linear-gradient(90deg,var(--primary) 60%,#41295a 100%);border:none;box-shadow:0 2px 12px #7b49d11a;color:#fff;font-weight:600;letter-spacing:.01em}.not-found-home-link:hover{background:#6438b0;background:var(--primary-hover);box-shadow:0 4px 16px #7b49d12e;color:#fff}
/*# sourceMappingURL=main.febaa15f.css.map*/