:root{--brand-purple: #7D38ED;--brand-purple-light: #9B5FFF;--brand-purple-dark: #6620CC;--dark-navy: #0F172A;--dark-navy-light: #1E293B;--lime-accent: #C8FF00;--white: #FFFFFF;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-800: #1E293B;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--danger: #EF4444;--success: #22C55E}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--gray-800);background:var(--white);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.fade-in{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.fade-in-left{opacity:0;transform:translate(-60px);transition:opacity .8s ease,transform .8s ease}.fade-in-right{opacity:0;transform:translate(60px);transition:opacity .8s ease,transform .8s ease}.scale-in{opacity:0;transform:scale(.9);transition:opacity .8s ease,transform .8s ease}.fade-in.visible,.fade-in-left.visible,.fade-in-right.visible{opacity:1;transform:translate(0)}.scale-in.visible{opacity:1;transform:scale(1)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;background:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.06);transition:background .3s ease}.nav.scrolled{background:#ffffffeb}.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.2rem;color:var(--dark-navy);letter-spacing:-.02em}.nav-brand img{width:36px;height:36px;border-radius:8px}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-size:.9rem;font-weight:500;color:var(--gray-500);transition:color .2s}.nav-links a:hover{color:var(--brand-purple)}.nav-cta{background:var(--brand-purple);color:#fff!important;padding:10px 24px;border-radius:100px;font-weight:600;font-size:.85rem;transition:transform .2s,box-shadow .2s;cursor:pointer;border:none}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px #7d38ed4d;color:#fff!important}.nav-profile-wrapper{position:relative}.nav-avatar-btn{background:none;border:2px solid transparent;border-radius:50%;padding:0;cursor:pointer;transition:border-color .2s;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.nav-avatar-btn:hover{border-color:var(--brand-purple)}.nav-avatar-img{width:34px;height:34px;border-radius:50%;object-fit:cover}.nav-user-avatar{width:34px;height:34px;border-radius:50%;background:var(--brand-purple);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.nav-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:1001;width:260px;background:var(--white);border-radius:16px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;border:1px solid var(--gray-200);overflow:hidden;animation:dropdownIn .15s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-header{display:flex;align-items:center;gap:12px;padding:16px 20px}.nav-dropdown-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.nav-dropdown-name{font-size:.9rem;font-weight:700;color:var(--dark-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.nav-dropdown-email{font-size:.75rem;color:var(--gray-500);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.nav-dropdown-divider{height:1px;background:var(--gray-200);margin:0}.nav-dropdown-item{display:block;width:100%;padding:12px 20px;font-size:.9rem;font-weight:500;color:var(--gray-600);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--font-sans);transition:background .15s}.nav-dropdown-item:hover{background:var(--gray-50);color:var(--dark-navy)}.nav-dropdown-signout:hover{color:var(--danger);background:#ef44440a}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--dark-navy);overflow:hidden;padding:120px 24px 80px}.hero:before{content:"";position:absolute;top:-50%;left:-20%;width:80%;height:120%;background:radial-gradient(ellipse,rgba(125,56,237,.15) 0%,transparent 70%);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.hero-text{max-width:560px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#7d38ed26;border:1px solid rgba(125,56,237,.25);color:var(--brand-purple-light);padding:8px 16px;border-radius:100px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:28px}.hero h1{font-size:clamp(2.8rem,5.5vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--white);margin-bottom:24px}.hero h1 .gradient-text{background:linear-gradient(135deg,var(--brand-purple-light),var(--lime-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;line-height:1.65;color:var(--gray-400);margin-bottom:40px;max-width:480px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.btn-secondary{display:inline-flex;align-items:center;gap:8px;color:var(--gray-400);padding:16px 24px;border-radius:100px;font-weight:500;font-size:1rem;transition:color .3s}.btn-secondary:hover{color:var(--white)}.store-badge img{height:52px;transition:transform .2s}.store-badge:hover img{transform:scale(1.05)}.hero-phone-wrapper{display:flex;justify-content:center;align-items:center;position:relative}.phone-mockup{position:relative;width:260px;flex-shrink:0;container-type:inline-size}.phone-mockup.large{width:290px}.phone-frame{--frame-edge: #3A3A3F;position:relative;padding:3.6cqw;border-radius:16.3cqw;background:#0a0a0b;box-shadow:0 0 0 .75cqw var(--frame-edge),0 0 0 .95cqw #ffffff14,0 25px 80px #00000047}.phone-frame:before{content:"";position:absolute;right:-1.6cqw;top:26%;width:.9cqw;height:13cqw;background:var(--frame-edge);border-radius:0 .6cqw .6cqw 0;box-shadow:0 26cqw 0 -1.2cqw var(--frame-edge)}.phone-frame:after{content:"";position:absolute;left:-1.6cqw;top:19%;width:.9cqw;height:6.5cqw;background:var(--frame-edge);border-radius:.6cqw 0 0 .6cqw;box-shadow:0 11cqw 0 0 var(--frame-edge),0 22cqw 0 0 var(--frame-edge)}.phone-screen{position:relative;border-radius:12.7cqw;overflow:hidden;background:#000;aspect-ratio:402 / 874}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.phone-screen:before{content:"";position:absolute;top:2.65cqw;left:50%;transform:translate(-50%);width:28.9cqw;height:8.5cqw;background:#000;border-radius:100px;z-index:10}.phone-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130%;height:130%;background:radial-gradient(ellipse,rgba(125,56,237,.2) 0%,transparent 70%);pointer-events:none;z-index:-1}.social-proof{background:var(--gray-50);padding:40px 24px;text-align:center;border-bottom:1px solid var(--gray-200)}.social-proof-inner{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap}.proof-item{display:flex;flex-direction:column;align-items:center;gap:4px}.proof-number{font-size:1.5rem;font-weight:800;color:var(--brand-purple);letter-spacing:-.02em}.proof-label{font-size:.8rem;color:var(--gray-500);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.feature-section{padding:120px 24px;position:relative;overflow:hidden}.feature-section.dark{background:var(--dark-navy);color:var(--white)}.feature-section.light{background:var(--white)}.feature-section.subtle{background:var(--gray-50)}.feature-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.feature-inner.reversed{direction:rtl}.feature-inner.reversed>*{direction:ltr}.feature-text{max-width:480px}.feature-label{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.feature-label.purple{color:var(--brand-purple-light)}.feature-label.green{color:#22c55e}.feature-label.orange{color:#f59e0b}.feature-label.red{color:#ef4444}.feature-label.blue{color:#3b82f6}.dark .feature-label.purple{color:var(--brand-purple-light)}.feature-text h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:20px}.dark .feature-text h2{color:var(--white)}.light .feature-text h2,.subtle .feature-text h2{color:var(--dark-navy)}.feature-text p{font-size:1.1rem;line-height:1.7;margin-bottom:12px}.dark .feature-text p{color:var(--gray-400)}.light .feature-text p,.subtle .feature-text p{color:var(--gray-500)}.feature-list{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:12px}.feature-list li{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.5}.dark .feature-list li{color:var(--gray-400)}.light .feature-list li,.subtle .feature-list li{color:var(--gray-600)}.feature-list .icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.feature-phones{display:flex;justify-content:center;align-items:flex-end;gap:16px;position:relative}.feature-phones .phone-mockup{width:240px}.feature-phones .phone-mockup:nth-child(2){transform:translateY(-20px)}.how-it-works{padding:120px 24px;background:var(--white);text-align:center}.how-it-works .section-header{margin-bottom:72px}.how-it-works .section-header h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:800;letter-spacing:-.03em;color:var(--dark-navy);margin-bottom:12px}.how-it-works .section-header p{font-size:1.1rem;color:var(--gray-500);max-width:500px;margin:0 auto}.steps-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.step-card{text-align:center;padding:0 12px}.step-number{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--brand-purple),var(--brand-purple-light));color:#fff;font-size:1.3rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 4px 20px #7d38ed40}.step-card h3{font-size:1.2rem;font-weight:700;color:var(--dark-navy);margin-bottom:8px}.step-card p{font-size:.95rem;color:var(--gray-500);line-height:1.6}.cta-section{padding:120px 24px;background:var(--dark-navy);text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-40%;left:50%;transform:translate(-50%);width:120%;height:100%;background:radial-gradient(ellipse,rgba(125,56,237,.12) 0%,transparent 60%);pointer-events:none}.cta-content{position:relative;z-index:2;max-width:600px;margin:0 auto}.cta-icon{width:80px;height:80px;border-radius:20px;margin:0 auto 28px}.cta-section h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;color:var(--white);letter-spacing:-.03em;margin-bottom:16px;line-height:1.1}.cta-section p{font-size:1.15rem;color:var(--gray-400);margin-bottom:36px;line-height:1.6}.legal-page{padding:100px 24px 60px;max-width:800px;margin:0 auto}.legal-page h1{font-size:2.4rem;font-weight:800;color:var(--dark-navy);letter-spacing:-.03em;margin-bottom:8px}.legal-meta{font-size:.85rem;color:var(--gray-500);margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--gray-200)}.legal-content h2{font-size:1.3rem;font-weight:700;color:var(--dark-navy);margin-top:36px;margin-bottom:12px;letter-spacing:-.01em}.legal-content p{font-size:.95rem;line-height:1.75;color:var(--gray-600);margin-bottom:16px}.legal-content ul{margin:12px 0 20px 20px;padding:0}.legal-content li{font-size:.95rem;line-height:1.75;color:var(--gray-600);margin-bottom:8px}.legal-content a{color:var(--brand-purple);text-decoration:underline}.legal-content a:hover{color:var(--brand-purple-dark)}.legal-content strong{color:var(--gray-800)}.footer{background:var(--dark-navy);border-top:1px solid rgba(255,255,255,.06);padding:40px 24px;text-align:center}.footer-links{display:flex;justify-content:center;gap:32px;margin-bottom:20px;flex-wrap:wrap}.footer-links a{font-size:.85rem;color:var(--gray-400);font-weight:500;transition:color .2s}.footer-links a:hover{color:var(--brand-purple-light)}.footer-social{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.footer-social-link{display:inline-flex;align-items:center;gap:8px;color:var(--gray-400);font-size:.85rem;font-weight:500;transition:color .2s}.footer-social-link:hover{color:#e1306c}.footer-social-link svg{width:18px;height:18px;flex-shrink:0}.footer-copy{font-size:.8rem;color:var(--gray-500)}.store-buttons{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cta-section .store-buttons{justify-content:center}.store-btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 18px 0 14px;background:#000;color:var(--white);border:1px solid #A6A6A6;border-radius:10px;font-size:1.15rem;font-weight:600;line-height:1.05;letter-spacing:-.01em;transition:transform .2s}.store-btn:hover{transform:scale(1.05)}.store-btn svg{width:26px;height:26px;fill:currentColor;flex-shrink:0}.store-btn span{display:flex;flex-direction:column;text-align:left}.store-btn small{font-size:.62rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.store-btn.soon{opacity:.55;cursor:default}.store-btn.soon:hover{transform:none}.hero-event{display:flex;width:fit-content;align-items:center;gap:10px;margin-bottom:16px;padding:8px 16px;border-radius:100px;background:#c8ff001a;border:1px solid rgba(200,255,0,.3);color:var(--lime-accent);font-size:.85rem;font-weight:600;transition:background .2s,transform .2s}.hero-event:hover{background:#c8ff002e;transform:translateY(-1px)}.hero-event-dot{width:8px;height:8px;border-radius:50%;background:var(--lime-accent);box-shadow:0 0 #c8ff0099;animation:event-pulse 2s infinite}@keyframes event-pulse{0%{box-shadow:0 0 #c8ff0099}70%{box-shadow:0 0 0 8px #c8ff0000}to{box-shadow:0 0 #c8ff0000}}@media(prefers-reduced-motion:reduce){.hero-event-dot{animation:none}}.sport-switcher{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.sport-chip{--chip: var(--brand-purple);display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 8px;border-radius:100px;cursor:pointer;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--gray-400);font:600 .9rem var(--font-sans);transition:background .25s,color .25s,border-color .25s,transform .2s}.sport-chip img{width:28px;height:28px;border-radius:50%}.sport-chip:hover{color:var(--white);transform:translateY(-1px)}.sport-chip.active{background:var(--chip);border-color:var(--chip);color:var(--white)}.sport-chip:focus-visible{outline:2px solid var(--lime-accent);outline-offset:2px}.sport-tagline{min-height:1.6em;margin-bottom:32px;font-size:1rem;font-weight:700;color:var(--lime-accent);letter-spacing:.01em}.hero-screens{display:grid}.hero-screens img{grid-area:1 / 1;opacity:0;transition:opacity .6s ease}.hero-screens img.active{opacity:1}@media(prefers-reduced-motion:reduce){.hero-screens img{transition:none}}.sports-section{padding:120px 24px;background:var(--white)}.sports-section .section-header{text-align:center;max-width:640px;margin:0 auto 56px}.sports-section .section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--dark-navy);letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}.sports-section .section-header p{font-size:1.1rem;color:var(--gray-500);line-height:1.7}.sports-section .feature-label{color:var(--brand-purple)}.sport-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.sport-category h3{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-500);margin-bottom:14px}.sport-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sport-tile{--tile: var(--brand-purple);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;min-height:120px;padding:30px 6px 14px;border-radius:18px;background:var(--gray-50);border:1px solid var(--gray-200);text-align:center}.sport-tile img{width:52px;height:52px;filter:grayscale(.85);opacity:.55}.sport-name{font-size:.82rem;font-weight:600;color:var(--gray-500);line-height:1.2}.sport-tile.live{background:var(--tile);border-color:var(--tile);box-shadow:0 10px 28px color-mix(in srgb,var(--tile) 35%,transparent)}.sport-tile.live img{filter:none;opacity:1}.sport-tile.live .sport-name{color:var(--white)}.sport-tile.linked{transition:transform .2s,box-shadow .2s}.sport-tile.linked:hover{transform:translateY(-3px);box-shadow:0 14px 34px color-mix(in srgb,var(--tile) 45%,transparent)}.sport-badge{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:100px;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:var(--gray-200);color:var(--gray-500)}.sport-badge.live{background:var(--lime-accent);color:var(--dark-navy)}.sports-note{text-align:center;margin-top:40px;font-size:.95rem;color:var(--gray-500)}@media(max-width:960px){.sport-categories{grid-template-columns:1fr;max-width:520px;margin:0 auto}.sport-switcher{justify-content:center}}@media(max-width:600px){.sports-section{padding:80px 16px}.sport-grid{gap:8px}.sport-tile{min-height:104px;padding:26px 4px 12px;border-radius:14px}.sport-tile img{width:44px;height:44px}.sport-name{font-size:.75rem}.store-buttons{justify-content:center}.store-badge img,.store-btn{height:46px}}.android-banner{padding:80px 24px;background:var(--gray-50);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.android-banner-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:40px;background:var(--white);border-radius:24px;padding:48px;box-shadow:0 4px 32px #00000012;border:1px solid var(--gray-200)}.android-banner-icon{width:64px;height:64px;flex-shrink:0;background:linear-gradient(135deg,var(--brand-purple),var(--brand-purple-light));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.android-banner-icon svg{width:34px;height:34px}.android-banner-text{flex:1}.android-banner-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-purple);margin-bottom:8px}.android-banner-text h2{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:800;color:var(--dark-navy);letter-spacing:-.02em;margin-bottom:10px;line-height:1.2}.android-banner-text p{font-size:.95rem;color:var(--gray-500);line-height:1.65;max-width:480px}.android-banner-cta{display:inline-flex;align-items:center;white-space:nowrap;padding:14px 28px;border-radius:100px;background:linear-gradient(135deg,var(--brand-purple),var(--brand-purple-light));color:#fff;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s;flex-shrink:0;box-shadow:0 4px 16px #7d38ed4d}.android-banner-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7d38ed66}@media(max-width:760px){.android-banner-inner{flex-direction:column;text-align:center;padding:36px 28px;gap:24px}.android-banner-text p{max-width:100%}.android-banner-cta{width:100%;justify-content:center}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 24px 60px;background:var(--gray-50)}.auth-card{width:100%;max-width:440px;background:var(--white);border-radius:24px;padding:48px 40px;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a}.auth-card h1{font-size:1.8rem;font-weight:800;color:var(--dark-navy);letter-spacing:-.03em;margin-bottom:8px;text-align:center}.auth-card .auth-subtitle{font-size:.95rem;color:var(--gray-500);text-align:center;margin-bottom:32px}.auth-tabs{display:flex;gap:0;margin-bottom:32px;border-radius:12px;background:var(--gray-100);padding:4px;overflow:hidden}.auth-tab{flex:1;padding:10px 16px;text-align:center;font-size:.9rem;font-weight:600;border:none;background:transparent;color:var(--gray-500);cursor:pointer;border-radius:8px;transition:all .2s}.auth-tab.active{background:var(--white);color:var(--dark-navy);box-shadow:0 1px 4px #00000014}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--gray-600);margin-bottom:6px}.form-input{width:100%;padding:12px 16px;border:1.5px solid var(--gray-200);border-radius:12px;font-size:.95rem;font-family:var(--font-sans);color:var(--dark-navy);background:var(--white);transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus{border-color:var(--brand-purple);box-shadow:0 0 0 3px #7d38ed1a}.form-input::placeholder{color:var(--gray-400)}.form-input.error{border-color:var(--danger)}.form-input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:48px}.form-input[type=date]::-webkit-date-and-time-value{text-align:left}.form-select{width:100%;padding:12px 16px;border:1.5px solid var(--gray-200);border-radius:12px;font-size:.95rem;font-family:var(--font-sans);color:var(--dark-navy);background:var(--white);transition:border-color .2s,box-shadow .2s;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394A3B8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.form-select:focus{border-color:var(--brand-purple);box-shadow:0 0 0 3px #7d38ed1a}.form-error{font-size:.8rem;color:var(--danger);margin-top:6px}.btn-primary{width:100%;padding:14px 24px;border:none;border-radius:12px;background:var(--brand-purple);color:#fff;font-size:1rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #7d38ed4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{width:100%;padding:12px 24px;border:1.5px solid var(--gray-200);border-radius:12px;background:var(--white);color:var(--dark-navy);font-size:.95rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:border-color .2s,background .2s}.btn-outline:hover{border-color:var(--gray-400);background:var(--gray-50)}.btn-outline img,.btn-outline svg{width:20px;height:20px}.btn-text{background:none;border:none;color:var(--brand-purple);font-size:.85rem;font-weight:600;cursor:pointer;padding:4px 0;font-family:var(--font-sans)}.btn-text:hover{color:var(--brand-purple-dark)}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.auth-divider span{font-size:.8rem;color:var(--gray-400);font-weight:500;text-transform:uppercase}.social-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.alert{padding:12px 16px;border-radius:12px;font-size:.85rem;font-weight:500;margin-bottom:20px}.alert.error{background:#ef444414;color:var(--danger)}.alert.success{background:#22c55e14;color:var(--success)}.dashboard-page{min-height:100vh;padding:100px 24px 60px;background:var(--gray-50)}.dashboard-inner{max-width:720px;margin:0 auto;text-align:center}.dashboard-welcome{background:var(--white);border-radius:24px;padding:48px 40px;box-shadow:0 4px 24px #0000000f;margin-bottom:32px}.dashboard-welcome h1{font-size:2rem;font-weight:800;color:var(--dark-navy);letter-spacing:-.03em;margin-bottom:8px}.dashboard-welcome p{font-size:1.05rem;color:var(--gray-500);line-height:1.6;margin-bottom:24px}.qr-card{background:var(--white);border-radius:24px;padding:48px 40px;box-shadow:0 4px 24px #0000000f}.qr-card h2{font-size:1.5rem;font-weight:800;color:var(--dark-navy);letter-spacing:-.02em;margin-bottom:8px}.qr-card p{font-size:.95rem;color:var(--gray-500);margin-bottom:24px}.qr-wrapper{display:inline-block;padding:24px;background:#fff;border-radius:16px;border:2px solid var(--gray-100);margin-bottom:24px}.qr-card .store-badge{display:inline-block;margin-top:8px}.qr-card .store-badge img{height:48px;margin:0 auto}.profile-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 24px 60px;background:var(--gray-50)}.profile-card{width:100%;max-width:520px;background:var(--white);border-radius:24px;padding:48px 40px;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a}.profile-card h1{font-size:1.8rem;font-weight:800;color:var(--dark-navy);letter-spacing:-.03em;margin-bottom:8px;text-align:center}.profile-card .auth-subtitle{font-size:.95rem;color:var(--gray-500);text-align:center;margin-bottom:32px}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.avatar-option{width:100%;aspect-ratio:1;border-radius:50%;border:3px solid transparent;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .2s;background:var(--gray-100);display:flex;align-items:center;justify-content:center}.avatar-option:hover{transform:scale(1.08)}.avatar-option.selected{border-color:var(--brand-purple);transform:scale(1.08)}.avatar-option img{width:100%;height:100%;object-fit:cover}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gray-50)}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--brand-purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--gray-600)}.nav-hamburger svg{width:24px;height:24px}@media(max-width:960px){.hero-content{grid-template-columns:1fr;text-align:center;gap:48px}.hero-text{max-width:100%;display:flex;flex-direction:column;align-items:center}.hero-actions{justify-content:center}.feature-inner,.feature-inner.reversed{grid-template-columns:1fr;gap:48px;text-align:center;direction:ltr}.feature-inner>*{direction:ltr}.feature-text{max-width:100%;display:flex;flex-direction:column;align-items:center}.feature-phones{order:-1}.phone-mockup{width:200px}.phone-mockup.large{width:240px}.feature-phones .phone-mockup{width:200px}.steps-grid{grid-template-columns:1fr;gap:40px;max-width:400px}.social-proof-inner{gap:32px}}@media(max-width:600px){.hero{padding:100px 16px 60px;min-height:auto}.hero h1{font-size:2.4rem}.hero-subtitle{font-size:1rem}.feature-section{padding:80px 16px}.feature-text h2{font-size:1.8rem}.phone-mockup{width:160px}.phone-mockup.large{width:200px}.feature-phones .phone-mockup{width:160px}.feature-phones{gap:10px}.nav-links>a:not(.nav-cta){display:none}.nav-dropdown{right:-8px}.how-it-works,.cta-section{padding:80px 16px}.auth-card,.profile-card,.dashboard-welcome,.qr-card{padding:32px 24px}.avatar-grid{grid-template-columns:repeat(4,1fr)}.choice-grid{grid-template-columns:1fr}}.profile-section{margin-bottom:20px}.profile-header-card{background:var(--white);border-radius:24px;padding:40px 32px;box-shadow:0 4px 24px #0000000f;text-align:center}.profile-avatar-wrapper{position:relative;display:inline-block;margin-bottom:16px}.profile-lg-avatar{width:100px;height:100px;border-radius:50%;border:3px solid var(--brand-purple);object-fit:cover}.profile-avatar-edit{position:absolute;bottom:0;right:-4px;width:32px;height:32px;border-radius:50%;background:var(--white);border:2px solid var(--gray-200);display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;transition:border-color .2s}.profile-avatar-edit:hover{border-color:var(--brand-purple)}.profile-name{font-size:1.5rem;font-weight:800;color:var(--dark-navy);letter-spacing:-.02em;margin-bottom:8px}.profile-badges{display:flex;justify-content:center;gap:8px}.profile-badge{display:inline-block;padding:4px 14px;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--gray-100);color:var(--gray-600)}.profile-edit-card{background:var(--white);border-radius:20px;padding:28px 24px;box-shadow:0 4px 24px #0000000f;margin-top:12px}.profile-edit-card h3{font-size:1rem;font-weight:700;color:var(--dark-navy);margin-bottom:16px}.profile-card-section{background:var(--white);border-radius:20px;padding:24px 28px;box-shadow:0 4px 24px #0000000f}.profile-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);margin-bottom:16px}.profile-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--gray-100)}.profile-row:last-child{border-bottom:none}.profile-row-label{font-size:.9rem;color:var(--gray-500);font-weight:500}.profile-row-value{font-size:.9rem;color:var(--dark-navy);font-weight:600}.profile-stats-row{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.profile-stat{text-align:center}.profile-stat-value{display:block;font-size:1.5rem;font-weight:800;color:var(--brand-purple);letter-spacing:-.02em}.profile-stat-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;font-weight:600;letter-spacing:.06em;margin-top:4px}.profile-legal-link{display:block;padding:14px 28px;font-size:.9rem;font-weight:500;color:var(--brand-purple);border-bottom:1px solid var(--gray-100);transition:background .15s}.profile-legal-link:last-child{border-bottom:none}.profile-legal-link:hover{background:var(--gray-50)}.step-indicator{text-align:center;font-size:.8rem;font-weight:600;color:var(--brand-purple);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.choice-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;border:2px solid var(--gray-200);border-radius:16px;background:var(--white);cursor:pointer;transition:all .2s;font-family:var(--font-sans)}.choice-card:hover{border-color:var(--gray-400)}.choice-card.selected{border-color:var(--brand-purple);background:#7d38ed0a}.choice-icon{font-size:2.2rem}.choice-label{font-size:.95rem;font-weight:600;color:var(--dark-navy)}.skill-grid{display:flex;flex-direction:column;gap:12px;margin-top:24px}.skill-card{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border:2px solid var(--gray-200);border-radius:14px;background:var(--white);cursor:pointer;transition:all .2s;text-align:left;font-family:var(--font-sans)}.skill-card:hover{border-color:var(--gray-400)}.skill-card.selected{border-color:var(--brand-purple);background:#7d38ed0a}.skill-label{font-size:1rem;font-weight:700;color:var(--dark-navy)}.skill-desc{font-size:.85rem;color:var(--gray-500)}.wizard-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.wizard-buttons .btn-primary,.wizard-buttons .btn-outline{width:100%}