@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{--background: #ffffff;--background-secondary: #f8f7f6;--toast-message: #ffd599;--background-cards: #ffffff;--background-video-editor-layout: #f8f8f8;--main-color: #1b1b1b;--secondary-color: #444444;--orange-light: #ffbd61;--orange-dark: #ff9500;--blue-light: #0e68b6;--green: #3dde21;--border-secondary: #dddddd;--border-orange: #ff9500;--info-box-background: #ffd599;--info-box-text: #1b1b1b;--icon-box-background: #fff0db;--icon-box-icon: #ff9500;--icons-main: #1b1b1b}[data-bs-theme=dark]{--background: #111111;--background-secondary: #222222;--toast-message: #ffd599;--background-cards: #1b1b1b;--background-video-editor-layout: #1b1b1b;--main-color: #ffffff;--secondary-color: #dedede;--orange-light: #ffbd61;--orange-dark: #ffbd61;--blue-light: #0e68b6;--green: #3dde21;--border-secondary: #dddddd;--border-orange: #ff9500;--info-box-background: #ffd599;--info-box-text: #1b1b1b;--icon-box-background: #fff0db;--icon-box-icon: #ff9500;--icons-main: #ffffff}:root{--primary-stop-1: #FFBA4B;--primary-stop-2: #FF8E00;--select-mode-bg: #F8F8F8;--border-color-muted: #E5E5E5;--card-bg-muted: #F8F7F6;--background-primary: #FFFFFF;--font-color-primary: #212529}[data-bs-theme=dark]{--select-mode-bg: #1B1B1B;--border-color-muted: #D9D9D9;--bs-secondary-rgb: 255, 255, 255;--card-bg-muted: #1B1B1B;--background-primary: #111111;--font-color-primary: #dee2e6}[data-bs-theme=dark] .bg-secondary{color:#111}[data-bs-theme=dark] .btn-outline-secondary{--bs-btn-border-color: #FFF;--bs-btn-color: #FFF;--bs-btn-hover-border-color: #FFF;--bs-btn-hover-bg: #FFF;--bs-btn-hover-color: #111}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}.referral-page{font-family:DM Sans,sans-serif;background-color:#fff;height:100vh;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column}.referral-page .referral-header{width:100%;height:87px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.referral-page .referral-header .logo-container{display:flex;align-items:center;gap:8px}.referral-page .referral-header .logo-container .logo-image{width:60px;height:60px;border-radius:50%}.referral-page .referral-header .logo-container .logo-text{font-family:DM Sans,sans-serif;font-weight:700;font-size:16px;line-height:1.5em;color:#1b1b1b}.referral-page .referral-header .header-actions{display:flex;align-items:center}.referral-page .referral-header .header-actions .dark-mode-toggle{background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;color:#1b1b1b}.referral-page .referral-header .header-actions .dark-mode-toggle:hover{background-color:#0000001a}.referral-page .referral-header .header-actions .dark-mode-toggle i{font-size:20px}.referral-page .referral-content{display:flex;flex-direction:column;align-items:center;padding:110px 16px 20px;max-width:calc(100vw - 32px);width:100%;margin:0 auto;box-sizing:border-box;overflow-y:auto;justify-content:center;min-height:0}.referral-page .referral-content .welcome-section{text-align:center;margin-bottom:80px;max-width:792px;flex-shrink:0}.referral-page .referral-content .welcome-section .welcome-title{font-family:DM Sans,sans-serif;font-weight:600;font-size:36px;line-height:1.2em;color:#1b1b1b;margin-bottom:12px}.referral-page .referral-content .welcome-section .welcome-title .orange-text{background:linear-gradient(90deg,#ffbd61,#ff9500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.referral-page .referral-content .welcome-section .welcome-subtitle{font-family:DM Sans,sans-serif;font-weight:400;font-size:18px;line-height:1.3em;color:#1b1b1b}.referral-page .referral-content .steps-container{display:flex;flex-direction:column;gap:65px;max-width:800px;width:100%;flex-shrink:0}.referral-page .referral-content .steps-container .step{display:flex;flex-direction:column;align-items:center;gap:12px}.referral-page .referral-content .steps-container .step .step-header{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.referral-page .referral-content .steps-container .step .step-header .step-number{width:40px;height:40px;background:linear-gradient(90deg,#ffbd61,#ff9500);border-radius:12px;display:flex;align-items:center;justify-content:center}.referral-page .referral-content .steps-container .step .step-header .step-number .number-text{font-family:DM Sans,sans-serif;font-weight:600;font-size:24px;line-height:1em;color:#1b1b1b}.referral-page .referral-content .steps-container .step .step-header .step-title{font-family:DM Sans,sans-serif;font-weight:600;font-size:22px;line-height:1.1em;color:#1b1b1b}.referral-page .referral-content .steps-container .step .step-description{font-family:DM Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.3em;color:#1b1b1b;text-align:center}.referral-page .referral-content .steps-container .step .step-button{background:linear-gradient(90deg,#ffbd61,#ff9500);border:none;border-radius:12px;padding:8px 24px;height:48px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s ease;width:auto}.referral-page .referral-content .steps-container .step .step-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff95004d}.referral-page .referral-content .steps-container .step .step-button .button-text{font-family:DM Sans,sans-serif;font-weight:600;font-size:16px;line-height:1.302em;color:#1b1b1b}.referral-page .referral-content .steps-container .step .button-container{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:center}.referral-page .referral-content .support-text{font-family:DM Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.3em;color:#1b1b1b;text-align:center;margin-top:20px;flex-shrink:0}.referral-page .referral-content .support-text a{background:linear-gradient(90deg,#ffbd61,#ff9500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:underline}.referral-page .referral-content .support-text a:hover{text-decoration:none}[data-bs-theme=dark] .referral-page{background-color:#111;color:#fff}[data-bs-theme=dark] .referral-page .referral-header{background-color:#111}[data-bs-theme=dark] .referral-page .referral-header .logo-container .logo-text,[data-bs-theme=dark] .referral-page .referral-header .header-actions .dark-mode-toggle{color:#fff}[data-bs-theme=dark] .referral-page .referral-header .header-actions .dark-mode-toggle:hover{background-color:#ffffff1a}[data-bs-theme=dark] .referral-page .referral-content .welcome-section .welcome-title,[data-bs-theme=dark] .referral-page .referral-content .welcome-section .welcome-subtitle,[data-bs-theme=dark] .referral-page .referral-content .steps-container .step .step-header .step-title,[data-bs-theme=dark] .referral-page .referral-content .steps-container .step .step-description,[data-bs-theme=dark] .referral-page .referral-content .support-text{color:#fff}@media (max-width: 768px){.referral-page .referral-content{padding:16px}.referral-page .referral-content .welcome-section{margin-bottom:24px}.referral-page .referral-content .welcome-section .welcome-title{font-size:28px}.referral-page .referral-content .welcome-section .welcome-subtitle{font-size:16px}.referral-page .referral-content .steps-container{gap:40px}.referral-page .referral-content .steps-container .step .step-header .step-title{font-size:20px}.referral-page .referral-content .steps-container .step .step-description{font-size:14px}.referral-page .referral-content .support-text{font-size:14px;margin-top:16px}}@media (max-width: 480px){.referral-page .referral-header{height:70px;padding:0 16px}.referral-page .referral-header .logo-container .logo-image{width:50px;height:50px}.referral-page .referral-header .logo-container .logo-text{font-size:14px}.referral-page .referral-content{padding:12px}.referral-page .referral-content .welcome-section{margin-bottom:20px}.referral-page .referral-content .welcome-section .welcome-title{font-size:24px}.referral-page .referral-content .welcome-section .welcome-subtitle{font-size:14px}.referral-page .referral-content .steps-container{gap:35px}.referral-page .referral-content .steps-container .step{gap:10px}.referral-page .referral-content .steps-container .step .step-header{gap:8px}.referral-page .referral-content .steps-container .step .step-header .step-number{width:35px;height:35px}.referral-page .referral-content .steps-container .step .step-header .step-number .number-text{font-size:20px}.referral-page .referral-content .steps-container .step .step-header .step-title{font-size:18px}.referral-page .referral-content .steps-container .step .step-description{font-size:13px}.referral-page .referral-content .steps-container .step .step-button{padding:6px 20px;height:42px}.referral-page .referral-content .steps-container .step .step-button .button-text{font-size:14px}.referral-page .referral-content .support-text{font-size:13px;margin-top:12px}}