@font-face{font-family:Denostill;src:url(/assets/denostill-extralight-CPtf00Be.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Denostill;src:url(/assets/denostill-light-DXfGoyT0.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Denostill;src:url(/assets/denostill-regular-8WPik0gV.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Denostill;src:url(/assets/denostill-medium-BLQBrqg3.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Denostill;src:url(/assets/denostill-semibold-DOPFLbB1.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Denostill;src:url(/assets/denostill-bold-CGJjeKVl.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Denostill,Outfit,system-ui,-apple-system,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}.page{min-height:100vh;position:relative}.hero-section{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#6ab4f7;position:relative;overflow:hidden}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 3.5rem;position:relative;z-index:10}.nav-left{display:flex;align-items:center;gap:.6rem}.nav-logo{width:42px;height:42px;object-fit:contain}.nav-brand{font-weight:700;font-size:1.5rem;color:#fff}.nav-links{display:flex;align-items:center;gap:2.25rem}.nav-link{color:#ffffffd9;text-decoration:none;font-size:1.15rem;font-weight:500;transition:color .2s}.nav-link:hover{color:#fff}.nav-right{display:flex;align-items:center;gap:1.5rem}.nav-cta{color:#fff;text-decoration:none;font-size:1.15rem;font-weight:600;border:2px solid rgba(255,255,255,.7);padding:.6rem 1.75rem;border-radius:10px;transition:background .2s,border-color .2s}.nav-cta:hover{background:#ffffff26;border-color:#fff}.hero{display:flex;align-items:center;justify-content:space-between;padding:5rem 3.5rem 8rem;position:relative;z-index:5;max-width:1440px;margin:0 auto;gap:2.5rem}.hero-content{flex:0 0 45%;max-width:620px}.hero-heading{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:96px;line-height:1.05;color:#fff;letter-spacing:-.02em;margin-bottom:1.5rem}.hero-subtitle{font-size:1.4rem;color:#ffffffbf;font-weight:400;line-height:1.5;margin-bottom:2.5rem;max-width:460px}.hero-button{display:inline-block;background:#fff;color:#287af4;font-weight:600;font-size:1.2rem;padding:.9rem 2.25rem;border-radius:12px;text-decoration:none;border:1.5px solid rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s}.hero-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.hero-image{flex:0 0 50%;display:flex;justify-content:flex-end;align-items:center}.hero-image img{max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.08))}.creators{background:#f8faff;padding:4rem 3.5rem 5rem;position:relative;z-index:5}.creators-heading{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:2rem;color:#1a1a2e;margin-bottom:2.5rem;padding-left:2rem}.creators-grid{display:flex;align-items:flex-start;justify-content:space-between;padding-top:2rem;gap:1.5rem}.creator-card{position:relative;border-radius:20px;overflow:visible;flex:1}.creator-card img{width:100%;height:100%;object-fit:cover;border-radius:20px}.creator-card:nth-child(1){height:320px;transform:translateY(30px)}.creator-card:nth-child(2){height:380px;transform:translateY(-10px)}.creator-card:nth-child(3){height:340px;transform:translateY(15px)}.creator-card:nth-child(4){height:300px;transform:translateY(40px)}.creator-avatar{position:absolute;bottom:-16px;left:-16px;display:flex;align-items:center;gap:.25rem}.creator-avatar img{width:48px;height:48px;border-radius:50%;border:3px solid #fff;object-fit:cover}.creator-avatar-bottom{bottom:-16px;left:auto;right:-16px}.creator-emoji{font-size:1.1rem}.features{background:#fff;padding:4rem 3.5rem 5rem;position:relative;z-index:5}.feature-row{display:flex;align-items:center;gap:3rem;max-width:1200px;margin:0 auto 5rem;background:#fff;border-radius:24px;overflow:hidden}.feature-row:last-child{margin-bottom:0}.feature-row-reverse{flex-direction:row-reverse}.feature-image{flex:0 0 50%}.feature-image img{width:100%;height:100%;object-fit:cover;display:block}.feature-text{flex:1;padding:3rem}.feature-tag{display:inline-block;font-size:.85rem;font-weight:600;padding:.3rem .9rem;border-radius:20px;margin-bottom:1rem}.tag-green{background:#d4f5e2;color:#1a8a4a}.tag-yellow{background:#fef3c7;color:#b45309}.feature-heading{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:2.5rem;color:#1a1a2e;line-height:1.1;margin-bottom:1.25rem}.feature-description{font-size:1.1rem;color:#6b7280;line-height:1.6;max-width:400px}.code-unlocks{background:#f8faff;padding:5rem 3.5rem 4rem;text-align:center;position:relative;z-index:5}.code-unlocks-heading{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:2.75rem;color:#1a1a2e;margin-bottom:.75rem}.code-unlocks-subtitle{font-size:1.15rem;color:#6b7280;margin-bottom:3rem}.code-unlocks-image{max-width:1100px;margin:0 auto}.code-unlocks-image img{width:100%;height:auto;object-fit:contain}.why-download{background:#fff;padding:5rem 3.5rem 4rem;text-align:center;position:relative;z-index:5}.why-download-heading{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:2.75rem;color:#1a1a2e;margin-bottom:.75rem}.why-download-subtitle{font-size:1.15rem;color:#6b7280;margin-bottom:3rem}.why-download-subtitle strong{color:#1a1a2e}.why-download-image{max-width:1100px;margin:0 auto}.why-download-image img{width:100%;height:auto;object-fit:contain}.tracking{background:#f8faff;padding:5rem 3.5rem 4rem;position:relative;z-index:5;overflow:hidden}.tracking-inner{display:flex;align-items:flex-start;gap:2rem;max-width:1200px;margin:0 auto}.tracking-left{flex:0 0 50%}.tracking-right{flex:1;display:flex;justify-content:center;align-items:flex-start}.tracking-right img{max-width:100%;height:auto;object-fit:contain}.tracking-heading{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:2.75rem;color:#1a1a2e;line-height:1.1;margin-bottom:1rem}.tracking-subtitle{font-size:1.15rem;color:#6b7280;margin-bottom:2rem}.tracking-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2.5rem}.tracking-card{background:#287af4;color:#fff;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:.3rem;position:relative}.tracking-card-icon{font-size:3rem;line-height:1;margin-bottom:.5rem}.tracking-card strong{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:1.1rem;line-height:1.2}.tracking-card span:not(.tracking-card-icon){font-size:.85rem;opacity:.8}.tracking-card-arrow{position:absolute;bottom:.75rem;right:1rem;font-size:1.1rem;opacity:.7}.tracking-tagline{position:relative;height:80px}.tagline-small{font-family:Denostill,Outfit,sans-serif;font-weight:500;font-size:1.3rem;color:#287af4;transform:rotate(-5deg);position:absolute;top:0;left:1rem}.tagline-big{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:2.5rem;color:#287af4;line-height:1;position:absolute;top:30px;left:0}.testimonials{background:#fff;padding:5rem 3.5rem 4rem;position:relative;z-index:5;overflow:hidden}.testimonials-heading{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:2.75rem;color:#1a1a2e;text-align:center;margin-bottom:3rem;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.1}.testimonials-carousel{display:flex;gap:1.5rem;overflow-x:visible;max-width:1200px;margin:0 auto 2rem;justify-content:center}.testimonial-card{flex:0 0 280px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.testimonial-img{width:100%;height:280px;overflow:hidden}.testimonial-img img{width:100%;height:100%;object-fit:cover}.testimonial-info{padding:1.25rem}.testimonial-name-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.testimonial-name-row strong{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:1.05rem;color:#1a1a2e}.testimonial-badge{font-size:.75rem;font-weight:600;color:#287af4;background:#e8f0fe;padding:.2rem .6rem;border-radius:12px}.testimonial-info p{font-size:.9rem;color:#6b7280;line-height:1.5}.testimonials-arrows{display:flex;gap:.75rem;max-width:1200px;margin:0 auto}.arrow-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid #d1d5db;background:transparent;color:#6b7280;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s}.arrow-btn:hover{border-color:#287af4;color:#287af4}.quotes{background:#f8faff;padding:5rem 3.5rem 4rem;text-align:center;position:relative;z-index:5}.quote-slide-wrapper{max-width:800px;margin:0 auto 2rem;overflow:hidden}.quote-slide{animation:slideIn .5s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.quote-text{font-family:Denostill,Outfit,sans-serif;font-weight:500;font-size:2.25rem;color:#1a1a2e;line-height:1.3;margin-bottom:2rem}.quote-author{display:flex;flex-direction:column;align-items:center;gap:.5rem}.quote-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.quote-name{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:1rem;color:#1a1a2e;display:block}.quote-role{font-size:.85rem;color:#6b7280;display:block}.quote-dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.quote-dot{width:12px;height:12px;border-radius:50%;background:#c8d0da;cursor:pointer;transition:background .2s}.quote-dot.active{background:#287af4}.faq{background:#fff;padding:5rem 3.5rem;text-align:center;position:relative;z-index:5}.faq-heading{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:2.75rem;color:#1a1a2e;margin-bottom:.75rem}.faq-subtitle{font-size:1.15rem;color:#6b7280;margin-bottom:3rem}.faq-list{max-width:700px;margin:0 auto;text-align:left}.faq-item{border-bottom:1px solid #e5e7eb;padding:1.5rem 0}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:1.15rem;color:#1a1a2e;text-align:left;gap:1rem}.faq-icon{font-size:1.5rem;color:#287af4;flex-shrink:0;width:32px;height:32px;border:1.5px solid #d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:400}.faq-answer{font-size:.95rem;color:#6b7280;line-height:1.6;margin-top:.75rem}@media(max-width:900px){.navbar{padding:1rem 1.5rem}.nav-links{display:none}.hero{flex-direction:column;text-align:center;padding:2rem 1.5rem 0}.hero-content{flex:none;max-width:100%;display:flex;flex-direction:column;align-items:center}.hero-subtitle{max-width:100%}.hero-image{flex:none;justify-content:center;margin-top:2rem}.creators{padding:3rem 1.5rem}.creators-grid{flex-wrap:wrap;gap:1.25rem}.creator-card{flex:0 0 45%}.features{padding:3rem 1.5rem}.feature-row,.feature-row-reverse{flex-direction:column}.feature-image{flex:none;width:100%}.feature-text{padding:2rem}.tracking{padding:3rem 1.5rem}.tracking-inner{flex-direction:column}.tracking-left{flex:none;width:100%}.testimonials{padding:3rem 1.5rem}.testimonials-heading{font-size:2rem}.testimonials-carousel{overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:1rem}.testimonial-card{scroll-snap-align:center;flex:0 0 260px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-color:#6ab4f7;padding:2rem}.auth-card{background:#ffffff1a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:32px;padding:3rem 2.5rem;max-width:460px;width:100%;box-shadow:0 8px 40px #00000014;border:1px solid rgba(255,255,255,.2)}.auth-form{width:100%}.auth-title{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:2.2rem;color:#fff;margin-bottom:1.75rem}.auth-label{display:block;font-size:.8rem;font-weight:500;color:#ffffffd9;margin-bottom:.4rem;padding-left:.25rem}.auth-input{width:100%;padding:.8rem 1.25rem;border:1.5px solid rgba(255,255,255,.35);border-radius:50px;background:#ffffffd9;font-size:.95rem;font-family:Denostill,Outfit,sans-serif;color:#1a1a2e;margin-bottom:1.1rem;outline:none;transition:background .2s,border-color .2s;box-sizing:border-box}.auth-input:focus{background:#fff;border-color:#ffffffb3}.auth-input::placeholder{color:#a0aec0}.auth-password-wrap{position:relative}.auth-password-wrap .auth-input{padding-right:3.25rem}.auth-eye-toggle{position:absolute;right:1rem;top:50%;transform:translateY(calc(-50% - .55rem));background:none;border:none;cursor:pointer;color:#8896a8;font-size:1.1rem;padding:.25rem;display:flex;align-items:center;justify-content:center}.auth-eye-toggle:hover{color:#4a5568}.auth-row{display:flex;gap:1rem;margin-bottom:0}.auth-field{flex:1}.auth-options{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.auth-remember{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer}.auth-remember input[type=checkbox]{margin-top:.2rem;accent-color:#fff}.remember-label{display:block;font-size:.8rem;font-weight:600;color:#fff}.remember-sub{display:block;font-size:.7rem;color:#ffffffb3}.auth-forgot{font-size:.8rem;color:#ffffffd9;text-decoration:none;font-weight:500;white-space:nowrap}.auth-forgot:hover{color:#fff;text-decoration:underline}.auth-submit{width:100%;padding:.85rem;border:2px solid rgba(255,255,255,.5);border-radius:50px;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:1.05rem;cursor:pointer;transition:background .2s,border-color .2s;margin-bottom:1.5rem}.auth-submit:hover{background:#ffffff4d;border-color:#fffc}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;font-size:.85rem;color:#ffffffb3}.auth-switch a{color:#fff;text-decoration:none;font-weight:600}.auth-switch a:hover{text-decoration:underline}.auth-error{background:#ef444433;color:#fff;padding:.75rem 1rem;border-radius:16px;font-size:.85rem;margin-bottom:1rem;border:1px solid rgba(239,68,68,.3)}.auth-success{background:#22c55e33;color:#fff;padding:.75rem 1rem;border-radius:16px;font-size:.85rem;margin-bottom:1rem;border:1px solid rgba(34,197,94,.3)}@media(max-width:520px){.auth-card{padding:2rem 1.5rem;border-radius:24px}.auth-row{flex-direction:column;gap:0}}.dashboard-layout{display:flex;min-height:100vh;background:#f5f7fa;font-family:Outfit,sans-serif}.sidebar{width:220px;background:#f0f4f8;border-radius:0 24px 24px 0;display:flex;flex-direction:column;padding:1.5rem 1rem;position:fixed;top:0;left:0;height:100vh;z-index:10}.sidebar-brand{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;margin-bottom:2rem}.sidebar-brand img{width:32px;height:32px;border-radius:8px}.sidebar-brand span{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:1.15rem;color:#1a1a2e}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border-radius:12px;text-decoration:none;font-size:.9rem;font-weight:500;color:#64748b;transition:background .15s,color .15s}.sidebar-link:hover{background:#287af40f;color:#1a1a2e}.sidebar-link.active{background:#287af4;color:#fff}.sidebar-link .sidebar-icon{font-size:1.1rem;width:1.4rem;text-align:center}.sidebar-user{display:flex;align-items:center;gap:.6rem;padding:.75rem;border-top:1px solid #dde3eb;margin-top:auto}.sidebar-avatar{width:36px;height:36px;border-radius:50%;background:#287af4;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.sidebar-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.sidebar-avatar.clickable,.sidebar-avatar-img.clickable{cursor:pointer;transition:opacity .15s}.sidebar-avatar.clickable:hover,.sidebar-avatar-img.clickable:hover{opacity:.75}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:.85rem;font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:.72rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:1.1rem;padding:.25rem;transition:color .15s}.sidebar-logout:hover{color:#ef4444}.dashboard-main{flex:1;margin-left:220px;padding:1.75rem 2.5rem}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.dashboard-header h1{font-family:Denostill,Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:#1a1a2e;display:flex;align-items:center;gap:.5rem}.warning-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fef3c7;border:1.5px solid #fcd34d;border-radius:12px;padding:.85rem 1.25rem;margin-bottom:1.25rem;font-size:.88rem;color:#92400e}.warning-banner-btn{background:#d97706;color:#fff;border:none;border-radius:8px;padding:.45rem 1rem;font-size:.82rem;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s}.warning-banner-btn:hover{background:#b45309}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-card{background:#fff;border-radius:16px;padding:2rem;width:90%;max-width:420px}.modal-card h3{font-family:Denostill,Outfit,sans-serif;font-size:1.15rem;font-weight:700;color:#1a1a2e;margin-bottom:.5rem}.modal-card p{font-size:.85rem;color:#64748b;line-height:1.5;margin-bottom:1.25rem}.modal-label{display:block;font-size:.85rem;font-weight:600;color:#4a5568;margin-bottom:.3rem;margin-top:.6rem}.modal-input{width:100%;padding:.7rem .85rem;border:1.5px solid #edf0f4;border-radius:10px;font-size:1rem;font-family:Outfit,sans-serif;font-weight:600;letter-spacing:.05em;color:#1a1a2e;outline:none;transition:border-color .15s;box-sizing:border-box}.modal-input:focus{border-color:#287af4}.modal-error{color:#dc2626;font-size:.8rem;margin-top:.5rem;margin-bottom:0}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.modal-cancel{background:none;border:1.5px solid #edf0f4;border-radius:10px;padding:.55rem 1.15rem;font-size:.88rem;font-family:Outfit,sans-serif;color:#64748b;cursor:pointer;transition:background .15s}.modal-cancel:hover{background:#f8fafc}.modal-submit{background:#287af4;color:#fff;border:none;border-radius:10px;padding:.55rem 1.15rem;font-size:.88rem;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:background .15s}.modal-submit:hover{background:#1d6ae0}.modal-submit:disabled{opacity:.6;cursor:not-allowed}.modal-file-input{width:100%;font-size:.88rem;font-family:Outfit,sans-serif;color:#64748b;margin-bottom:.25rem}.pic-preview{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:2px solid #edf0f4}.date-filters{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.date-select-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1.5px solid #dde3eb;border-radius:10px;background:#fff;font-size:.85rem;color:#1a1a2e;cursor:pointer;font-family:Outfit,sans-serif}.time-range-group{display:flex;gap:0;border:1.5px solid #dde3eb;border-radius:10px;overflow:hidden}.time-range-btn{padding:.5rem .85rem;background:#fff;border:none;border-right:1.5px solid #dde3eb;font-size:.8rem;color:#64748b;cursor:pointer;font-family:Outfit,sans-serif;transition:background .15s,color .15s}.time-range-btn:last-child{border-right:none}.time-range-btn.active{background:#f0f4f8;color:#1a1a2e;font-weight:600}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;border-radius:16px;padding:1.25rem;border:1.5px solid #edf0f4}.stat-card-label{font-size:.78rem;color:#94a3b8;margin-bottom:.5rem}.stat-card-value{font-size:2rem;font-weight:700;color:#1a1a2e;font-family:Denostill,Outfit,sans-serif}.stat-card-change{font-size:.75rem;margin-top:.4rem;color:#94a3b8}.stat-up{color:#22c55e;font-weight:600}.stat-down{color:#ef4444;font-weight:600}.stat-card-sparkline{margin-top:.5rem}.earnings-section{display:flex;gap:1.5rem;margin-bottom:1.5rem}.earnings-chart-area{flex:1;background:#fff;border-radius:16px;padding:1.25rem;border:1.5px solid #edf0f4}.earnings-chart-header{margin-bottom:.25rem}.earnings-chart-label{font-size:.78rem;color:#94a3b8}.earnings-chart-value{font-size:2rem;font-weight:700;color:#1a1a2e;font-family:Denostill,Outfit,sans-serif;display:flex;align-items:baseline;gap:.5rem}.earnings-chart-value .stat-up{font-size:.8rem}.referral-section{background:#fff;border-radius:16px;padding:1.5rem;border:1.5px solid #edf0f4}.referral-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.referral-header h2{font-family:Denostill,Outfit,sans-serif;font-size:1.15rem;font-weight:700;color:#1a1a2e}.referral-table{width:100%;border-collapse:collapse}.referral-table th{text-align:left;font-size:.75rem;font-weight:500;color:#94a3b8;padding:.75rem 0;border-bottom:1.5px solid #edf0f4}.referral-table td{padding:.85rem 0;border-bottom:1px solid #f1f5f9;font-size:.88rem;color:#1a1a2e}.history-month{font-weight:600}.status-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .7rem;border-radius:20px}.status-badge.completed{background:#e8f5e9;color:#22c55e}.status-badge.incomplete{background:#fef3c7;color:#d97706}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;color:#1a1a2e;padding:0}.sidebar-overlay{display:none}@media(max-width:900px){.hamburger-btn{display:flex;align-items:center}.sidebar{position:fixed;top:0;left:-260px;z-index:1000;transition:left .25s ease}.sidebar.sidebar-open{left:0}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:999}.sidebar-overlay.visible{display:block}.dashboard-main{margin-left:0;padding:1.25rem}.stats-row{grid-template-columns:1fr}.earnings-section{flex-direction:column}}.socials-section{margin-top:1.5rem}.socials-edit-btn{background:none;border:1.5px solid #287AF4;color:#287af4;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;padding:.35rem 1rem;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.socials-edit-btn:hover{background:#287af4;color:#fff}.socials-list{display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem}.socials-item{display:flex;align-items:center;gap:.75rem}.socials-platform{font-weight:600;font-size:.9rem;color:#4a5568;min-width:80px}.socials-username{font-size:.9rem;color:#1a202c;font-weight:500}.referral-hero-row{display:flex;gap:1.75rem;margin-bottom:2.5rem}.referral-hero{flex:1;background-size:cover;background-position:center;border-radius:20px;padding:2.25rem 2rem;position:relative;overflow:hidden;min-height:220px;display:flex;flex-direction:column;justify-content:center}.referral-hero-title{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:2rem;color:#fff;line-height:1.15;margin-bottom:.5rem;max-width:400px}.referral-hero-sub{font-size:.88rem;color:#ffffffd9;margin-bottom:1.25rem}.referral-copy-row{display:flex;align-items:center;gap:.5rem}.referral-code-box{display:flex;align-items:center;gap:.5rem;background:#ffffffd9;border-radius:12px;padding:.6rem .85rem;font-size:.88rem;color:#1a1a2e;font-weight:500;min-width:100px}.referral-code-copy{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:.9rem;padding:0;display:flex}.referral-code-copy:hover{color:#64748b}.how-it-works{background:#fff;border-radius:20px;padding:1.75rem 1.5rem;border:1.5px solid #edf0f4;min-width:240px;max-width:280px;display:flex;flex-direction:column}.how-it-works-title{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:1rem;color:#1a1a2e;margin-bottom:1.25rem}.how-step{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.how-step:last-child{margin-bottom:0}.how-step-icon{width:36px;height:36px;border-radius:50%;background:#e8f0fe;color:#287af4;display:flex;align-items:center;justify-content:center;flex-shrink:0}.how-step-text{font-size:.82rem;color:#1a1a2e;font-weight:500}.referral-faq-section{display:flex;gap:2.5rem}.referral-faq-left{min-width:260px;max-width:300px}.referral-faq-support{font-size:.8rem;color:#287af4;font-weight:600;margin-bottom:.5rem}.referral-faq-heading{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:1.75rem;color:#1a1a2e;margin-bottom:1rem}.referral-faq-desc{font-size:.88rem;color:#64748b;line-height:1.55}.referral-faq-right{flex:1}.rfaq-item{border-bottom:1px solid #edf0f4}.rfaq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0;background:none;border:none;cursor:pointer;font-family:Outfit,sans-serif;font-size:.92rem;font-weight:600;color:#287af4;text-align:left;gap:1rem}.rfaq-question:hover{color:#1d6ae0}.rfaq-toggle{width:28px;height:28px;border-radius:50%;border:1.5px solid #dde3eb;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#287af4;flex-shrink:0;transition:background .15s}.rfaq-open .rfaq-toggle{background:#287af4;border-color:#287af4;color:#fff}.rfaq-answer{font-size:.85rem;color:#64748b;line-height:1.55;padding-bottom:1.1rem;padding-right:3rem}@media(max-width:900px){.referral-hero-row{flex-direction:column}.how-it-works{max-width:100%}.referral-faq-section{flex-direction:column;gap:1.5rem}.referral-faq-left{max-width:100%}.referral-copy-row{flex-direction:column}}.payout-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.payout-top-left h2{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:1.05rem;color:#1a1a2e;margin-bottom:.2rem}.payout-top-left p{font-size:.85rem;color:#64748b}.stripe-status{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border:1.5px solid #edf0f4;border-radius:10px;background:#fff;font-size:.82rem;font-weight:500;color:#1a1a2e}.stripe-status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.stripe-card{background-size:cover;background-position:center;background-color:#e0f0fc;border-radius:20px;padding:2.25rem 2.5rem;display:flex;align-items:center;gap:2rem;margin-bottom:1rem;position:relative;overflow:hidden}.stripe-logo{width:100px;height:100px;object-fit:contain;position:relative;z-index:1;flex-shrink:0}.stripe-card-content{position:relative;z-index:1}.stripe-card-title{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:1.65rem;color:#1a1a2e;margin-bottom:.4rem}.stripe-card-desc{font-size:.9rem;color:#4a5568;margin-bottom:1rem;line-height:1.45}.stripe-connect-btn{display:inline-block;background:linear-gradient(135deg,#287af4,#6366f1);color:#fff;border:none;border-radius:12px;padding:.65rem 1.5rem;font-size:.9rem;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:opacity .15s;text-decoration:none}.stripe-connect-btn:hover{opacity:.9}.payout-security{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#94a3b8;margin-bottom:1.5rem}.payout-security svg{flex-shrink:0}.payments-section{background:#fff;border-radius:16px;padding:1.5rem;border:1.5px solid #edf0f4}.payments-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.payments-header h2{font-family:Denostill,Outfit,sans-serif;font-size:1.15rem;font-weight:700;color:#1a1a2e}.payments-badge{background:#e8f5e9;color:#22c55e;font-size:.72rem;font-weight:600;padding:.2rem .65rem;border-radius:20px}.payments-table{width:100%;border-collapse:collapse}.payments-table th{text-align:left;font-size:.75rem;font-weight:500;color:#94a3b8;padding:.75rem 0;border-bottom:1.5px solid #edf0f4}.payments-table td{padding:.85rem 0;border-bottom:1px solid #f1f5f9;font-size:.88rem;color:#1a1a2e}.payments-table .no-earnings{color:#94a3b8}@media(max-width:900px){.stripe-card{flex-direction:column;text-align:center;padding:2rem 1.5rem}.payout-top{flex-direction:column;gap:1rem}}.resources-subtitle{font-size:.92rem;color:#64748b;margin-bottom:1.75rem}.resources-grid{display:flex;flex-direction:column;gap:1rem}.resource-card{display:flex;align-items:center;gap:1.25rem;background:#fff;border:1.5px solid #edf0f4;border-radius:16px;padding:1.5rem;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.resource-card:hover{border-color:#cbd5e1;box-shadow:0 2px 12px #0000000a}.resource-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.resource-icon.whatsapp{background:#25d366}.resource-icon.circle{background:#6c5ce7}.resource-info{flex:1}.resource-title{font-family:Denostill,Outfit,sans-serif;font-weight:700;font-size:1.05rem;color:#1a1a2e;margin-bottom:.25rem}.resource-desc{font-size:.82rem;color:#94a3b8;line-height:1.4}.resource-arrow{font-size:1.25rem;color:#94a3b8;flex-shrink:0}.resource-card:hover .resource-arrow{color:#1a1a2e}