﻿html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{font:13px/1.231 sans-serif;*font-size:small}select,input,textarea,button{font:99% sans-serif}pre,code,kbd,samp{font-family:monospace, sans-serif}html{overflow-y:scroll}a:hover,a:active{outline:none}ul,ol{margin-left:2em}ol{list-style-type:decimal}nav ul,nav li{margin:0;list-style:none;list-style-image:none}small{font-size:85%}strong,th{font-weight:bold}td{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px}textarea{overflow:auto}.ie6 legend,.ie7 legend{margin-left:-7px}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer}button,input,select,textarea{margin:0}input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0px 0px 5px red;-webkit-box-shadow:0px 0px 5px red;box-shadow:0px 0px 5px red}.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd}::-moz-selection{background:#000;color:#fff;text-shadow:none}::selection{background:#000;color:#fff;text-shadow:none}a:link{-webkit-tap-highlight-color:#FF5E99}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}body,select,input,textarea{color:#444}h1,h2,h3,h4,h5,h6{font-weight:bold}a,a:active{color:#607890}a:hover{color:#036}:focus{outline:none}.nav-container{background:linear-gradient(to bottom, #3a3a3a, #2a2a2a);box-shadow:0 2px 10px rgba(0,0,0,0.2);position:fixed;top:0;left:0;right:0;z-index:1000;overflow:visible;max-width:100vw}.nav-wrapper{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:60px;position:relative}@media (max-width: 1024px){.nav-wrapper{padding:0 30px}}@media (max-width: 900px){.nav-wrapper{padding:0 20px}}@media (max-width: 768px){.nav-wrapper{padding:0 20px;height:55px}}.logo{text-decoration:none;transition:transform 0.3s;display:flex;align-items:center;z-index:1002}.logo:hover{transform:scale(1.05)}.logo .logo-image{height:40px;width:auto;transition:opacity 0.3s}.logo .logo-image:hover{opacity:0.9}@media (max-width: 1024px){.logo .logo-image{height:36px}}@media (max-width: 768px){.logo .logo-image{height:32px}}.nav-menu{display:flex;list-style:none;gap:10px;align-items:center}@media (max-width: 900px){.nav-menu{gap:5px}}@media (max-width: 768px){.nav-menu{display:none}}.nav-item{position:relative}.nav-link{color:white !important;text-decoration:none;padding:10px 16px;border-radius:6px;transition:all 0.3s;display:flex;align-items:center;gap:6px;font-size:15px;font-weight:500;position:relative;overflow:hidden}.nav-link::before{content:'';position:absolute;bottom:8px;left:16px;right:16px;height:2px;background:#ff6b35;transform:scaleX(0);transition:transform 0.3s;transform-origin:left}.nav-link:hover{background:rgba(255,255,255,0.05);color:white !important}.nav-link:hover::before{transform:scaleX(1)}@media (max-width: 900px){.nav-link{padding:8px 10px;font-size:14px}}@media (max-width: 1024px){.nav-link{padding:8px 12px;font-size:14px}}.has-dropdown::after{content:'▾';font-size:12px;opacity:0.7;transition:transform 0.3s}.nav-item:hover .has-dropdown::after{transform:rotate(180deg)}.nav-container .nav-menu .nav-item .dropdown{position:absolute;top:100%;left:0;background:white;border-radius:6px;box-shadow:0 4px 20px rgba(0,0,0,0.15);min-width:160px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);margin-top:8px;overflow:hidden;z-index:1003;display:block;text-align:left}.nav-container .nav-menu .nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-container .nav-menu .nav-item .dropdown .dropdown-item{color:#333;padding:6px 12px;text-decoration:none;display:block;text-align:left;transition:all 0.2s;font-size:14px;position:relative;white-space:nowrap;width:100%;box-sizing:border-box}.nav-container .nav-menu .nav-item .dropdown .dropdown-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#ff6b35;transform:scaleY(0);transition:transform 0.2s}.nav-container .nav-menu .nav-item .dropdown .dropdown-item:hover{background:#f8f8f8;color:#ff6b35;padding-left:16px}.nav-container .nav-menu .nav-item .dropdown .dropdown-item:hover::before{transform:scaleY(1)}.nav-container .nav-menu .nav-item .dropdown .dropdown-item.coming-soon{color:#999;font-style:italic}.nav-container .nav-menu .nav-item .dropdown .dropdown-item .coming-soon-badge{background:#ff6b35;color:white;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;margin-left:6px;text-transform:uppercase}.nav-container .nav-menu .nav-item .dropdown .dropdown-item .new-badge{background:#14B8A6;color:white;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;margin-left:6px;text-transform:uppercase}@keyframes badge-pulse{0%,100%{opacity:1}50%{opacity:0.9}}.auth-section{display:flex;align-items:center;gap:20px}@media (max-width: 900px){.auth-section{gap:12px}}@media (max-width: 768px){.auth-section{display:none}}.login-link{color:rgba(255,255,255,0.9);text-decoration:none;font-size:14px;font-weight:500;transition:all 0.2s;padding:6px 12px;border-radius:4px}.login-link:hover{color:white;background:rgba(255,255,255,0.1)}.btn-join{padding:10px 24px;background:linear-gradient(135deg, #ff6b35, #ff5722);color:white;text-decoration:none;border-radius:6px;font-weight:600;font-size:14px;transition:all 0.3s;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(255,107,53,0.3);display:inline-block}@media (max-width: 900px){.btn-join{padding:8px 16px;font-size:13px}}.btn-join::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.2);transform:translate(-50%, -50%);transition:width 0.6s, height 0.6s}.btn-join:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(255,107,53,0.4)}.btn-join:hover::before{width:200px;height:200px}.user-menu-trigger{display:flex;align-items:center;gap:12px;color:white;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all 0.3s;background:transparent;border:none;font-family:inherit;font-size:14px}.user-menu-trigger:hover{background:rgba(255,255,255,0.1)}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg, #ff6b35, #ff5722);display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:14px;color:white;transition:transform 0.3s}.user-menu-trigger:hover .user-avatar{transform:scale(1.1)}.nav-container .auth-section .nav-item .dropdown.user-dropdown{position:absolute;top:100%;right:0;left:auto;background:white;border-radius:6px;box-shadow:0 4px 20px rgba(0,0,0,0.15);min-width:160px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);margin-top:8px;overflow:hidden;z-index:1003;display:block;text-align:left}.nav-container .auth-section .nav-item:hover .dropdown.user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-container .auth-section .nav-item .dropdown.user-dropdown .dropdown-item{color:#333;padding:6px 12px;text-decoration:none;display:block;text-align:left;transition:all 0.2s;font-size:14px;position:relative;white-space:nowrap;width:100%;box-sizing:border-box}.nav-container .auth-section .nav-item .dropdown.user-dropdown .dropdown-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#ff6b35;transform:scaleY(0);transition:transform 0.2s}.nav-container .auth-section .nav-item .dropdown.user-dropdown .dropdown-item:hover{background:#f8f8f8;color:#ff6b35;padding-left:16px}.nav-container .auth-section .nav-item .dropdown.user-dropdown .dropdown-item:hover::before{transform:scaleY(1)}.mobile-menu-toggle{display:none;background:transparent;border:none;color:white;cursor:pointer;padding:8px;z-index:1002;width:40px;height:40px;align-items:center;justify-content:center}@media (max-width: 768px){.mobile-menu-toggle{display:flex}}.hamburger{width:24px;height:20px;position:relative}.hamburger span{display:block;position:absolute;height:3px;width:100%;background:white;border-radius:3px;left:0;transition:0.3s cubic-bezier(0.4, 0, 0.2, 1)}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:8px}.hamburger span:nth-child(3){top:16px}.mobile-menu-toggle.active .hamburger span:nth-child(1){top:8px;transform:rotate(135deg)}.mobile-menu-toggle.active .hamburger span:nth-child(2){opacity:0;transform:translateX(-20px)}.mobile-menu-toggle.active .hamburger span:nth-child(3){top:8px;transform:rotate(-135deg)}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a1a;z-index:1001;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.mobile-menu.active{transform:translateX(0)}.close-btn{position:absolute;top:15px;left:20px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001}.close-btn::before,.close-btn::after{content:'';position:absolute;width:24px;height:3px;background:white;border-radius:2px;transition:background 0.3s}.close-btn::before{transform:rotate(45deg)}.close-btn::after{transform:rotate(-45deg)}.close-btn:hover::before,.close-btn:hover::after{background:#ff6b35}.menu-content{padding:80px 20px 20px;flex:1;overflow-y:auto;display:flex;flex-direction:column}.nav-items{flex:1}.nav-item-mobile{border-bottom:1px solid rgba(255,255,255,0.1);opacity:0;animation:slideIn 0.4s forwards}.nav-item-mobile:nth-child(1){animation-delay:0.1s}.nav-item-mobile:nth-child(2){animation-delay:0.15s}.nav-item-mobile:nth-child(3){animation-delay:0.2s}.nav-item-mobile:nth-child(4){animation-delay:0.25s}.nav-item-mobile:nth-child(5){animation-delay:0.3s}@keyframes slideIn{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.nav-link-mobile{display:block;color:white;text-decoration:none;padding:18px 0;font-size:18px;font-weight:500;transition:all 0.3s;position:relative}.nav-link-mobile::after{content:'';position:absolute;left:0;bottom:0;height:2px;width:0;background:#ff6b35;transition:width 0.3s}.nav-link-mobile:hover{color:#ff6b35;padding-left:10px}.nav-link-mobile:hover::after{width:30px}.auth-section-mobile{padding:30px 0;margin-top:auto;border-top:1px solid rgba(255,255,255,0.1);background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.3));animation:slideUp 0.5s forwards;animation-delay:0.4s;opacity:0}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-buttons-split{display:flex;gap:12px}.btn-signup-mobile,.btn-login-mobile{flex:1;padding:16px;text-decoration:none;text-align:center;border-radius:8px;font-size:16px;font-weight:500;transition:all 0.3s}.btn-signup-mobile{background:linear-gradient(135deg, #ff6b35, #ff5722);color:white;box-shadow:0 4px 15px rgba(255,107,53,0.3)}.btn-signup-mobile:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,53,0.4)}.btn-login-mobile{background:transparent;color:white;border:2px solid rgba(255,255,255,0.3)}.btn-login-mobile:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5)}.mobile-user-info{text-align:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.1)}.mobile-user-info .user-avatar-large{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg, #ff6b35, #ff5722);display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:20px;color:white;margin:0 auto 10px}.mobile-user-info .user-name-mobile{color:white;font-size:16px;font-weight:500}.btn-logout-mobile{display:block;width:100%;padding:16px;background:transparent;color:rgba(255,255,255,0.7);text-decoration:none;text-align:center;border:2px solid rgba(255,255,255,0.2);border-radius:8px;font-size:16px;font-weight:500;transition:all 0.3s;margin-top:20px}.btn-logout-mobile:hover{color:white;border-color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.05)}.nav-accordion .nav-accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;cursor:pointer;font-family:inherit;text-align:left}.nav-accordion .nav-accordion-trigger .accordion-arrow{font-size:12px;opacity:0.7;transition:transform 0.3s ease}.nav-accordion.active .nav-accordion-trigger .accordion-arrow{transform:rotate(180deg)}.nav-accordion .nav-accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease;padding-left:16px;border-left:2px solid rgba(255,255,255,0.1);margin-left:8px}.nav-accordion .nav-accordion-content .nav-accordion-link{display:block;color:rgba(255,255,255,0.8);text-decoration:none;padding:12px 0;font-size:16px;transition:all 0.3s;border-bottom:1px solid rgba(255,255,255,0.05)}.nav-accordion .nav-accordion-content .nav-accordion-link:last-child{border-bottom:none}.nav-accordion .nav-accordion-content .nav-accordion-link:hover{color:#ff6b35;padding-left:8px}.nav-accordion .nav-accordion-content .nav-accordion-link.coming-soon{color:rgba(255,255,255,0.5);font-style:italic}.nav-accordion.active .nav-accordion-content{max-height:300px;padding-top:4px;padding-bottom:4px}.new-badge-mobile{background:#14B8A6;color:white;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;margin-left:6px;text-transform:uppercase;display:inline-block;vertical-align:middle}.coming-soon-badge-mobile{background:#ff6b35;color:white;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;margin-left:6px;text-transform:uppercase;display:inline-block;vertical-align:middle}.verification-banner{background:linear-gradient(135deg, #4a90e2 0%, #357abd 100%);color:white;padding:8px 0;position:relative;width:100%;box-shadow:0 2px 4px rgba(0,0,0,0.1);border-top:1px solid rgba(255,255,255,0.1)}.verification-banner-content{width:100%;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative}.verification-banner-message{flex:1}.verification-banner-message strong{font-weight:600;margin-right:8px}.verification-banner-text{font-size:14px;opacity:0.9}.verification-banner-actions{display:flex;align-items:center;gap:12px}.verification-banner-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all 0.2s ease}.verification-banner-btn.btn-primary{background:white;color:#4a90e2}.verification-banner-btn.btn-primary:hover{background:#f8f9fa;transform:translateY(-1px)}.verification-banner-btn.btn-secondary{background:rgba(255,255,255,0.2);color:white;border:1px solid rgba(255,255,255,0.3)}.verification-banner-btn.btn-secondary:hover{background:rgba(255,255,255,0.3)}.verification-banner-close{background:none;border:none;color:white;font-size:24px;font-weight:300;cursor:pointer;padding:4px 8px;margin-left:8px;border-radius:4px;transition:background 0.2s ease}.verification-banner-close:hover{background:rgba(255,255,255,0.2)}.verification-banner-loading{display:none;text-align:center;padding:8px 0}.verification-banner-loading .spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px;vertical-align:middle}.verification-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;align-items:center;justify-content:center}.verification-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}.verification-modal-content{position:relative;background:white;max-width:500px;width:90%;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,0.3);z-index:1}.verification-modal-header{background:linear-gradient(135deg, #4a90e2 0%, #357abd 100%);color:white;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.verification-modal-header h3{margin:0;font-size:18px;font-weight:600}.verification-modal-close{background:none;border:none;color:white;font-size:28px;font-weight:300;cursor:pointer;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease}.verification-modal-close:hover{background:rgba(255,255,255,0.2)}.verification-modal-body{padding:24px;line-height:1.6}.verification-modal-body p{margin:0 0 16px 0}.verification-modal-body p:last-child{margin-bottom:0}.verification-modal-message,.verification-modal-email,.verification-modal-instructions{margin-bottom:16px}.verification-modal-message strong,.verification-modal-email strong,.verification-modal-instructions strong{font-weight:600}.verification-modal-footer{padding:20px 24px;background:#f8f9fa;border-top:1px solid #e1e8ed;display:flex;gap:12px;justify-content:flex-end}.verification-modal-btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all 0.2s ease;display:inline-block}.verification-modal-btn.btn-primary{background:#4a90e2;color:white}.verification-modal-btn.btn-primary:hover{background:#357abd;transform:translateY(-1px)}.verification-modal-btn.btn-secondary{background:#95a5a6;color:white}.verification-modal-btn.btn-secondary:hover{background:#7f8c8d}.verification-modal-loading{display:none;text-align:center;padding:20px}.verification-modal-loading .spinner{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #4a90e2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}.verification-modal-loading span{display:block;color:#666;font-size:14px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width: 768px){.verification-banner-content{flex-direction:column;gap:12px;text-align:center}.verification-modal-content{margin:5% 20px;max-width:none}}:root{--racemob-primary-orange: #FF6B35;--racemob-primary-dark: #1A1A1A;--racemob-primary-white: #FFFFFF;--racemob-secondary-orange-light: #FF8A65;--racemob-secondary-orange-pale: #FFF3F0;--racemob-secondary-orange-subtle: rgba(255, 107, 53, 0.08);--racemob-secondary-dark-gray: #2E2E2E;--racemob-accent-teal: #4ECDC4;--racemob-accent-teal-medium: #14B8A6;--racemob-accent-green: #45B7A8;--racemob-accent-gold: #FFD93D;--racemob-success: #10B981;--racemob-success-bg: #DCFCE7;--racemob-success-dark: #166534;--racemob-warning: #F59E0B;--racemob-warning-bg: #FEF3C7;--racemob-warning-dark: #92400E;--racemob-error: #EF4444;--racemob-error-bg: #FEE2E2;--racemob-error-dark: #991B1B;--racemob-info: #3B82F6;--racemob-info-bg: #DBEAFE;--racemob-neutral-50: #F9FAFB;--racemob-neutral-100: #F3F4F6;--racemob-neutral-200: #E5E7EB;--racemob-neutral-300: #D1D5DB;--racemob-neutral-400: #9CA3AF;--racemob-neutral-500: #6B7280;--racemob-neutral-600: #4B5563;--racemob-neutral-700: #374151;--racemob-neutral-800: #1F2937;--racemob-neutral-900: #111827;--racemob-neutral-gray: #6B7280;--racemob-bg-primary: #FFFFFF;--racemob-bg-secondary: #F9FAFB;--racemob-bg-accent: #FFF8F6;--racemob-bg-dark: #111827;--racemob-text-h1-size: 48px;--racemob-text-h1-height: 56px;--racemob-text-h1-spacing: -1px;--racemob-text-h1-weight: 700;--racemob-text-h2-size: 32px;--racemob-text-h2-height: 40px;--racemob-text-h2-spacing: -0.5px;--racemob-text-h2-weight: 600;--racemob-text-h3-size: 24px;--racemob-text-h3-height: 32px;--racemob-text-h3-spacing: -0.2px;--racemob-text-h3-weight: 600;--racemob-text-h4-size: 20px;--racemob-text-h4-height: 28px;--racemob-text-h4-spacing: -0.1px;--racemob-text-h4-weight: 600;--racemob-text-body-large-size: 18px;--racemob-text-body-large-height: 28px;--racemob-text-body-large-weight: 400;--racemob-text-body-size: 16px;--racemob-text-body-height: 24px;--racemob-text-body-weight: 400;--racemob-text-body-small-size: 14px;--racemob-text-body-small-height: 20px;--racemob-text-body-small-spacing: 0.1px;--racemob-text-body-small-weight: 400;--racemob-text-button-size: 16px;--racemob-text-button-height: 24px;--racemob-text-button-spacing: 0.2px;--racemob-text-button-weight: 600;--racemob-text-caption-size: 12px;--racemob-text-caption-height: 16px;--racemob-text-caption-spacing: 0.3px;--racemob-text-caption-weight: 500;--racemob-space-micro: 2px;--racemob-space-tiny: 4px;--racemob-space-xs: 8px;--racemob-space-sm: 12px;--racemob-space-md: 16px;--racemob-space-lg: 24px;--racemob-space-xl: 32px;--racemob-space-2xl: 48px;--racemob-space-3xl: 64px;--racemob-radius-sm: 8px;--racemob-radius-md: 12px;--racemob-radius-lg: 16px;--racemob-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);--racemob-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);--racemob-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);--racemob-shadow-primary: 0 4px 12px rgba(255, 107, 53, 0.3);--racemob-transition-fast: 150ms ease-out;--racemob-transition-normal: 200ms ease-out;--racemob-transition-slow: 250ms ease-out;--racemob-z-dropdown: 1000;--racemob-z-sticky: 1010;--racemob-z-fixed: 1020;--racemob-z-modal-backdrop: 1030;--racemob-z-modal: 1040;--racemob-z-popover: 1050;--racemob-z-tooltip: 1060}.racemob-h1{font-size:var(--racemob-text-h1-size);line-height:var(--racemob-text-h1-height);font-weight:var(--racemob-text-h1-weight);letter-spacing:var(--racemob-text-h1-spacing);color:var(--racemob-primary-dark)}.racemob-h2{font-size:var(--racemob-text-h2-size);line-height:var(--racemob-text-h2-height);font-weight:var(--racemob-text-h2-weight);letter-spacing:var(--racemob-text-h2-spacing);color:var(--racemob-primary-dark)}.racemob-h3{font-size:var(--racemob-text-h3-size);line-height:var(--racemob-text-h3-height);font-weight:var(--racemob-text-h3-weight);letter-spacing:var(--racemob-text-h3-spacing);color:var(--racemob-primary-dark)}.racemob-h4{font-size:var(--racemob-text-h4-size);line-height:var(--racemob-text-h4-height);font-weight:var(--racemob-text-h4-weight);letter-spacing:var(--racemob-text-h4-spacing);color:var(--racemob-primary-dark)}.racemob-body-large{font-size:var(--racemob-text-body-large-size);line-height:var(--racemob-text-body-large-height);font-weight:var(--racemob-text-body-large-weight);color:var(--racemob-primary-dark)}.racemob-body{font-size:var(--racemob-text-body-size);line-height:var(--racemob-text-body-height);font-weight:var(--racemob-text-body-weight);color:var(--racemob-primary-dark)}.racemob-body-small{font-size:var(--racemob-text-body-small-size);line-height:var(--racemob-text-body-small-height);font-weight:var(--racemob-text-body-small-weight);letter-spacing:var(--racemob-text-body-small-spacing);color:var(--racemob-neutral-gray)}.racemob-button-text{font-size:var(--racemob-text-button-size);line-height:var(--racemob-text-button-height);font-weight:var(--racemob-text-button-weight);letter-spacing:var(--racemob-text-button-spacing)}.racemob-caption{font-size:var(--racemob-text-caption-size);line-height:var(--racemob-text-caption-height);font-weight:var(--racemob-text-caption-weight);letter-spacing:var(--racemob-text-caption-spacing);text-transform:uppercase;color:var(--racemob-neutral-gray)}.racemob-btn-primary{background:var(--racemob-primary-orange);color:var(--racemob-primary-white);border:none;border-radius:var(--racemob-radius-md);padding:var(--racemob-space-sm) var(--racemob-space-lg);font-size:var(--racemob-text-button-size);font-weight:var(--racemob-text-button-weight);letter-spacing:var(--racemob-text-button-spacing);transition:all var(--racemob-transition-normal);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.racemob-btn-primary:hover{background:var(--racemob-secondary-orange-light);transform:translateY(-2px);box-shadow:var(--racemob-shadow-primary)}.racemob-btn-primary:active{transform:translateY(0)}.racemob-btn-primary:disabled{background:var(--racemob-neutral-gray);transform:none;box-shadow:none;cursor:not-allowed}.racemob-btn-secondary{background:transparent;color:var(--racemob-primary-orange);border:2px solid var(--racemob-primary-orange);border-radius:var(--racemob-radius-md);padding:calc(var(--racemob-space-sm) - 2px) calc(var(--racemob-space-lg) - 2px);font-size:var(--racemob-text-button-size);font-weight:var(--racemob-text-button-weight);letter-spacing:var(--racemob-text-button-spacing);transition:all var(--racemob-transition-normal);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.racemob-btn-secondary:hover{background:var(--racemob-secondary-orange-pale);border-color:var(--racemob-secondary-orange-light);color:var(--racemob-secondary-orange-light);transform:translateY(-2px);box-shadow:var(--racemob-shadow-primary)}.racemob-btn-secondary:active{transform:translateY(0)}.racemob-btn-secondary:disabled{border-color:var(--racemob-neutral-gray);color:var(--racemob-neutral-gray);transform:none;box-shadow:none;cursor:not-allowed}.racemob-btn-teal{background:var(--racemob-accent-teal);color:var(--racemob-primary-white);border:none;border-radius:var(--racemob-radius-md);padding:var(--racemob-space-sm) var(--racemob-space-lg);font-size:var(--racemob-text-button-size);font-weight:var(--racemob-text-button-weight);letter-spacing:var(--racemob-text-button-spacing);transition:all var(--racemob-transition-normal);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.racemob-btn-teal:hover{background:var(--racemob-accent-green);transform:translateY(-2px);box-shadow:0 4px 12px rgba(78,205,196,0.3)}.racemob-btn-teal:active{transform:translateY(0)}.site-footer{background:#000000;color:#ecf0f1;margin-top:60px}.site-footer .footer-main{border-bottom:1px solid #333}.site-footer .footer-container{max-width:1200px;margin:0 auto;padding:60px 20px 40px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:40px}@media (max-width: 968px){.site-footer .footer-container{grid-template-columns:1fr 1fr;gap:40px 30px}}@media (max-width: 640px){.site-footer .footer-container{grid-template-columns:1fr 1fr;gap:10px 15px;text-align:left;padding:20px 20px 15px}}.site-footer .footer-section.footer-brand .footer-logo{display:inline-block;margin-bottom:20px}.site-footer .footer-section.footer-brand .footer-logo .footer-logo-img{height:40px;width:auto}.site-footer .footer-section.footer-brand .footer-quote{margin-top:20px}.site-footer .footer-section.footer-brand .footer-quote p{font-style:italic;font-size:0.95rem;line-height:1.6;color:#bdc3c7;margin-bottom:8px}.site-footer .footer-section.footer-brand .footer-quote cite{font-size:0.85rem;color:#95a5a6}.site-footer .footer-section.footer-brand .footer-quote cite::before{content:'— '}@media (max-width: 640px){.site-footer .footer-section.footer-brand .footer-quote{display:none}}@media (max-width: 640px){.site-footer .footer-section.footer-brand{grid-column:1 / -1;text-align:center;margin-bottom:5px}.site-footer .footer-section.footer-brand .footer-logo{margin-bottom:5px}.site-footer .footer-section.footer-brand .footer-logo .footer-logo-img{height:30px}}.site-footer .footer-heading{font-size:1.1rem;font-weight:600;color:white;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.5px;position:relative;padding-bottom:8px}.site-footer .footer-heading::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--racemob-primary-orange)}@media (max-width: 640px){.site-footer .footer-heading{margin-bottom:8px;padding-bottom:4px;font-size:1rem}}.site-footer .footer-links{list-style:none;padding:0;margin:0}.site-footer .footer-links li{margin-bottom:12px}.site-footer .footer-links li a{color:#bdc3c7;text-decoration:none;font-size:0.95rem;transition:color 0.2s ease}.site-footer .footer-links li a:hover{color:var(--racemob-primary-orange)}.site-footer .footer-links li a.coming-soon{position:relative}.site-footer .footer-links li a.coming-soon::after{content:'SOON';display:inline-block;margin-left:8px;padding:2px 6px;background:rgba(255,107,53,0.2);color:var(--racemob-primary-orange);border-radius:8px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;vertical-align:middle}@media (max-width: 640px){.site-footer .footer-links li{margin-bottom:6px}}@media (max-width: 640px){.site-footer .footer-accordion .footer-accordion-header{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;user-select:none;gap:8px}.site-footer .footer-accordion .footer-accordion-header::after{display:none}.site-footer .footer-accordion .footer-accordion-header .accordion-icon{transition:transform 0.2s ease;font-size:0.7rem;opacity:0.8}.site-footer .footer-accordion .footer-accordion-header.active .accordion-icon{transform:rotate(90deg)}.site-footer .footer-accordion .footer-accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease;margin-top:0}.site-footer .footer-accordion .footer-accordion-content.active{max-height:150px;margin-top:5px}}@media (min-width: 641px){.site-footer .footer-accordion .accordion-icon{display:none}}.site-footer .footer-stacked{display:flex;flex-direction:column}.site-footer .footer-stacked .footer-stacked__second{margin-top:24px}@media (max-width: 640px){.site-footer .footer-stacked .footer-stacked__second{margin-top:0}}@media (max-width: 640px){.site-footer .footer-connect{grid-column:1 / -1;text-align:center;margin-top:10px}}.site-footer .footer-connect .social-links{display:flex;flex-direction:row;gap:12px;margin-bottom:20px}@media (max-width: 640px){.site-footer .footer-connect .social-links{justify-content:center}}.site-footer .footer-connect .social-links .social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,0.1);border-radius:50%;color:#bdc3c7;transition:all 0.3s ease}.site-footer .footer-connect .social-links .social-link svg{width:16px;height:16px}.site-footer .footer-connect .social-links .social-link:hover{background:var(--racemob-primary-orange);color:white;transform:translateY(-2px)}.site-footer .footer-connect .newsletter-signup .newsletter-title{font-size:0.9rem;color:#95a5a6;margin-bottom:10px;text-transform:uppercase;letter-spacing:0.5px}.site-footer .footer-connect .newsletter-signup .newsletter-form{display:flex;gap:8px}@media (max-width: 640px){.site-footer .footer-connect .newsletter-signup .newsletter-form{max-width:300px;margin:0 auto}}.site-footer .footer-connect .newsletter-signup .newsletter-input{flex:1;padding:10px 12px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:6px;color:white;font-size:0.9rem}.site-footer .footer-connect .newsletter-signup .newsletter-input::placeholder{color:rgba(255,255,255,0.5)}.site-footer .footer-connect .newsletter-signup .newsletter-input:focus{outline:none;border-color:var(--racemob-primary-orange);background:rgba(255,255,255,0.15)}.site-footer .footer-connect .newsletter-signup .newsletter-submit{padding:10px 20px;background:var(--racemob-primary-orange);color:white;border:none;border-radius:6px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.site-footer .footer-connect .newsletter-signup .newsletter-submit:hover{background:var(--racemob-primary-orange-dark);transform:translateY(-1px)}.site-footer .footer-bottom{background:rgba(0,0,0,0.5);padding:20px}.site-footer .footer-bottom .footer-bottom-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}@media (max-width: 640px){.site-footer .footer-bottom .footer-bottom-content{flex-direction:column;text-align:center;gap:10px}}.site-footer .footer-bottom .footer-copyright{color:#95a5a6;font-size:0.9rem}.site-footer .footer-bottom .footer-legal{display:flex;gap:8px;align-items:center}.site-footer .footer-bottom .footer-legal a{color:#bdc3c7;text-decoration:none;font-size:0.9rem;transition:color 0.2s ease}.site-footer .footer-bottom .footer-legal a:hover{color:var(--racemob-primary-orange)}.site-footer .footer-bottom .footer-legal .separator{color:#666}.wrapper{max-width:1400px;margin:0 auto;padding:0 20px}#popup-box-bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999}#popup-box-bg #popup-dialog{position:relative;background:white;border-radius:8px;margin:50px auto;max-width:600px;padding:20px}#popup-box-bg #popup-dialog .close-popup{position:absolute;top:10px;right:15px;font-size:18px;text-decoration:none;color:#666}#popup-box-bg #popup-dialog .close-popup:hover{color:#000}.flash-message,.notice,.alert,.error,.success,.warning,.info,.success-message,.notice-message,.alert-message,.error-message,.warning-message,.info-message{position:fixed;top:70px;left:50%;transform:translateX(-50%);z-index:999;max-width:600px;min-width:300px;padding:15px 20px;border-radius:6px;font-size:14px;line-height:1.5;box-shadow:0 2px 10px rgba(0,0,0,0.1);animation:slideDown 0.3s ease-out;transition:opacity 0.3s ease, transform 0.3s ease}.flash-message.notice,.flash-message.notice-message,.flash-message.success,.flash-message.success-message,.notice.notice,.notice.notice-message,.notice.success,.notice.success-message,.alert.notice,.alert.notice-message,.alert.success,.alert.success-message,.error.notice,.error.notice-message,.error.success,.error.success-message,.success.notice,.success.notice-message,.success.success,.success.success-message,.warning.notice,.warning.notice-message,.warning.success,.warning.success-message,.info.notice,.info.notice-message,.info.success,.info.success-message,.success-message.notice,.success-message.notice-message,.success-message.success,.success-message.success-message,.notice-message.notice,.notice-message.notice-message,.notice-message.success,.notice-message.success-message,.alert-message.notice,.alert-message.notice-message,.alert-message.success,.alert-message.success-message,.error-message.notice,.error-message.notice-message,.error-message.success,.error-message.success-message,.warning-message.notice,.warning-message.notice-message,.warning-message.success,.warning-message.success-message,.info-message.notice,.info-message.notice-message,.info-message.success,.info-message.success-message{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.flash-message.alert,.flash-message.alert-message,.flash-message.error,.flash-message.error-message,.notice.alert,.notice.alert-message,.notice.error,.notice.error-message,.alert.alert,.alert.alert-message,.alert.error,.alert.error-message,.error.alert,.error.alert-message,.error.error,.error.error-message,.success.alert,.success.alert-message,.success.error,.success.error-message,.warning.alert,.warning.alert-message,.warning.error,.warning.error-message,.info.alert,.info.alert-message,.info.error,.info.error-message,.success-message.alert,.success-message.alert-message,.success-message.error,.success-message.error-message,.notice-message.alert,.notice-message.alert-message,.notice-message.error,.notice-message.error-message,.alert-message.alert,.alert-message.alert-message,.alert-message.error,.alert-message.error-message,.error-message.alert,.error-message.alert-message,.error-message.error,.error-message.error-message,.warning-message.alert,.warning-message.alert-message,.warning-message.error,.warning-message.error-message,.info-message.alert,.info-message.alert-message,.info-message.error,.info-message.error-message{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.flash-message.warning,.flash-message.warning-message,.notice.warning,.notice.warning-message,.alert.warning,.alert.warning-message,.error.warning,.error.warning-message,.success.warning,.success.warning-message,.warning.warning,.warning.warning-message,.info.warning,.info.warning-message,.success-message.warning,.success-message.warning-message,.notice-message.warning,.notice-message.warning-message,.alert-message.warning,.alert-message.warning-message,.error-message.warning,.error-message.warning-message,.warning-message.warning,.warning-message.warning-message,.info-message.warning,.info-message.warning-message{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.flash-message.info,.flash-message.info-message,.notice.info,.notice.info-message,.alert.info,.alert.info-message,.error.info,.error.info-message,.success.info,.success.info-message,.warning.info,.warning.info-message,.info.info,.info.info-message,.success-message.info,.success-message.info-message,.notice-message.info,.notice-message.info-message,.alert-message.info,.alert-message.info-message,.error-message.info,.error-message.info-message,.warning-message.info,.warning-message.info-message,.info-message.info,.info-message.info-message{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}@keyframes slideDown{from{transform:translateX(-50%) translateY(-20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}.field_with_errors{display:inline}.field_with_errors input,.field_with_errors textarea,.field_with_errors select{border-color:#dc3545 !important;box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}.error-message,.help-block{color:#dc3545;font-size:0.875em;margin-top:0.25rem;display:block}.race-page-content{padding-top:20px;min-height:calc(100vh - 20px)}@media (max-width: 599px){.race-page-content{padding-top:60px;padding-left:10px;padding-right:10px}.hide-mobile{display:none !important}}@media (min-width: 600px) and (max-width: 768px){.race-page-content{padding-left:20px;padding-right:20px}.hide-tablet{display:none !important}}@media (min-width: 769px){.hide-desktop{display:none !important}}.show-mobile{display:none !important}@media (max-width: 599px){.show-mobile{display:block !important}}.show-tablet{display:none !important}@media (min-width: 600px) and (max-width: 768px){.show-tablet{display:block !important}}.show-desktop{display:none !important}@media (min-width: 769px){.show-desktop{display:block !important}}@media (max-width: 599px){.flex-mobile-column{display:flex !important;flex-direction:column !important}}@media (min-width: 600px) and (max-width: 768px){.flex-tablet-column{display:flex !important;flex-direction:column !important}}@media (max-width: 599px){h1{font-size:1.8rem !important}h2{font-size:1.5rem !important}h3{font-size:1.3rem !important}}.race-modern-page .container{max-width:100vw !important}.auth-overlay{z-index:12000}.auth-container{z-index:calc($z-modal-auth + 1)}.modal{z-index:10000}.enhanced-modal{z-index:14000}.enhanced-modal-overlay{z-index:1}.enhanced-modal-content{z-index:2}.modern-review-modal-overlay{z-index:11000}.tip-modal{z-index:10000}.ui-modal{z-index:10000}.unified-photo-viewer{z-index:10000}.deletion-modal{z-index:15000}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}@keyframes confetti{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(-100px) rotate(720deg);opacity:0}}@keyframes stepTransition{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}@keyframes successGlow{0%{box-shadow:0 0 0 0 rgba(16,185,129,0.4)}70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.auth-overlay{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);z-index:12000;padding:20px;pointer-events:auto;isolation:isolate}@media (max-width: 480px){.auth-overlay{padding:16px}}.auth-container{background:white;border-radius:16px;width:100%;max-width:520px;min-width:300px;min-height:400px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.3);z-index:12001;isolation:isolate;max-height:90vh;overflow-y:auto;overflow-x:hidden}@media (max-width: 480px){.auth-container{max-width:100%;max-height:95vh;border-radius:12px}}.auth-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,0.05);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;z-index:10;color:#6b7280}.auth-modal-close:hover{background:rgba(0,0,0,0.1);transform:rotate(90deg)}.auth-modal-close svg{width:16px;height:16px}.auth-modal-context{display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(135deg, #f0fdf4, #dcfce7);border:1px solid #bbf7d0;border-radius:10px;margin:24px 24px 0}.auth-modal-context .context-icon{font-size:1.5rem;line-height:1}.auth-modal-context .context-info{flex:1;text-align:left}.auth-modal-context .context-title{font-size:0.9rem;font-weight:600;color:#14532d;line-height:1.3}.auth-modal-context .context-subtitle{font-size:0.85rem;color:#166534;margin-top:2px;line-height:1.3}.auth-modal-header{padding:24px 24px 20px;text-align:center}.auth-modal-header .auth-modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 8px 0;line-height:1.3}.auth-modal-header .auth-modal-subtitle{font-size:1rem;color:#6b7280;margin:0;line-height:1.4}.auth-modal-progress{display:flex;justify-content:center;gap:8px;margin-bottom:20px;padding:0 24px}.auth-modal-progress .progress-dot{width:8px;height:8px;border-radius:50%;background:#e5e7eb;transition:all 0.3s ease;position:relative}.auth-modal-progress .progress-dot.active{width:24px;border-radius:4px;background:#f97316;animation:pulse 2s ease-in-out infinite}.auth-modal-progress .progress-dot.completed{background:#10b981;animation:successGlow 1s ease-out}.auth-modal-progress .progress-dot.completed::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:white;font-size:6px;font-weight:bold;opacity:0;animation:fadeIn 0.3s ease-out 0.2s both}.auth-modal-progress .progress-dot.active.completed{animation:pulse 0.6s ease-out, successGlow 1s ease-out 0.3s}.auth-modal-body{padding:0 24px 24px}.auth-modal-body .auth-modal-content{animation:stepTransition 0.4s ease-out}.auth-modal-body.step-transition .auth-modal-content{animation:stepTransition 0.4s ease-out}.benefits-section{display:flex;gap:12px;justify-content:center;margin:0 0 20px 0;flex-wrap:wrap}@media (max-width: 480px){.benefits-section{flex-direction:column;gap:8px}}.benefits-section .benefit-item{display:flex;align-items:center;gap:6px;font-size:0.9rem;color:#6b7280}.benefits-section .benefit-item .benefit-check{color:#10b981;font-weight:bold;font-size:1rem}.auth-tabs{display:flex;background:#f3f4f6;border-radius:10px;padding:3px;margin-bottom:20px}.auth-tabs .auth-tab{flex:1;padding:12px;background:transparent;border:none;border-radius:8px;font-size:0.95rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all 0.2s ease}.auth-tabs .auth-tab.active{background:white;color:#f97316;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.auth-tabs .auth-tab:hover:not(.active){background:rgba(255,255,255,0.5)}.social-auth-section{margin-bottom:20px}.social-auth-section .social-buttons{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px;margin-bottom:20px}@media (max-width: 480px){.social-auth-section .social-buttons{grid-template-columns:1fr;gap:8px}}.social-auth-section .social-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:none;border-radius:10px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:0.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.2s ease;user-select:none;padding:12px;border:2px solid #e5e7eb;background:white;color:#1f2937}.social-auth-section .social-btn:disabled{opacity:0.6;cursor:not-allowed}.social-auth-section .social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.social-auth-section .social-btn.google-btn:hover{border-color:#4285F4;background:#f0f7ff}.social-auth-section .social-btn.facebook-btn:hover{border-color:#1877F2;background:#f0f7ff}.social-auth-section .social-btn.apple-btn:hover{border-color:#000;background:#f9fafb}.social-auth-section .social-btn .social-icon{width:20px;height:20px}@media (max-width: 480px){.social-auth-section .social-btn{justify-content:flex-start;gap:12px;padding:16px}.social-auth-section .social-btn::after{content:attr(data-provider);text-transform:capitalize}}.divider{display:flex;align-items:center;gap:16px;margin:20px 0}.divider::before,.divider::after{content:'';flex:1;height:1px;background:#e5e7eb}.divider span{font-size:0.85rem;color:#9ca3af;font-weight:500}.auth-form .form-group{margin-bottom:16px}.auth-form .form-group:last-of-type{margin-bottom:20px}.auth-form .form-label{display:block;margin-bottom:6px;font-size:0.9rem;font-weight:500;color:#1f2937}.auth-form .form-label .optional{color:#9ca3af;font-weight:400;font-size:0.85rem}.auth-form .form-input{width:100%;max-width:100%;box-sizing:border-box;padding:12px;border:2px solid #e5e7eb;border-radius:10px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:0.95rem;background:white;transition:all 0.2s ease;position:relative}.auth-form .form-input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,0.1)}.auth-form .form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,0.1);top:auto;left:auto;transform:none;z-index:auto;max-width:100%;min-width:0;animation:none}.auth-form .form-input:invalid{border-color:#e5e7eb;box-shadow:none}.auth-form .form-input.error:invalid{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,0.1)}.auth-form .form-input.success{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,0.1);background-image:url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m13.854 3.646-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 9.586l6.646-6.647a.5.5 0 0 1 .708.707z' fill='%2310b981'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}.auth-form .form-input::placeholder{color:#9ca3af}.auth-form .form-error{display:none;margin-top:6px;font-size:0.85rem;color:#ef4444;position:relative;padding-left:20px}.auth-form .form-error::before{content:'⚠';position:absolute;left:0;top:0;font-size:0.9rem}.auth-form .form-success{display:none;margin-top:6px;font-size:0.85rem;color:#10b981;position:relative;padding-left:20px}.auth-form .form-success::before{content:'✓';position:absolute;left:0;top:0;font-size:0.9rem;font-weight:bold}.auth-form .form-success.show{display:block;animation:slideUp 0.3s ease-out}.auth-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.auth-form .form-row{grid-template-columns:1fr;gap:0}}.auth-form .password-field{position:relative}.auth-form .password-field .password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;font-size:0.85rem;padding:4px 8px;transition:color 0.2s ease}.auth-form .password-field .password-toggle:hover{color:#f97316}.auth-form .password-field .form-input{padding-right:60px}.submit-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:none;border-radius:10px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:0.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.2s ease;user-select:none;width:100%;padding:12px;background:linear-gradient(135deg, #fb923c, #f97316);color:white;font-size:1rem;margin-top:20px}.submit-btn:disabled{opacity:0.6;cursor:not-allowed}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(249,115,22,0.4)}.submit-btn.loading{position:relative;color:transparent}.submit-btn.loading::after{content:'';position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.back-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:none;border-radius:10px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:0.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.2s ease;user-select:none;width:100%;padding:12px;background:white;color:#1f2937;border:2px solid #e5e7eb;margin-top:12px}.back-btn:disabled{opacity:0.6;cursor:not-allowed}.back-btn:hover{border-color:#9ca3af;background:#f9fafb}@keyframes spin{to{transform:rotate(360deg)}}.success-content{text-align:center;padding:32px 24px;animation:stepTransition 0.6s ease-out}.success-content .success-icon{font-size:4rem;margin-bottom:20px;animation:heartbeat 1.5s ease-in-out;display:inline-block;position:relative}.success-content .success-icon::before{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%, -50%);border-radius:50%;animation:successGlow 2s infinite}.success-content .success-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 8px 0;animation:slideUp 0.6s ease-out 0.2s both}.success-content .success-message{color:#6b7280;margin:0 0 24px 0;line-height:1.5;animation:slideUp 0.6s ease-out 0.4s both}.success-content .submit-btn{animation:slideUp 0.6s ease-out 0.6s both}.success-content .submit-btn:hover:not(:disabled){animation:pulse 0.6s ease-in-out infinite}.helper-text{text-align:center;color:#9ca3af;font-size:0.85rem;margin-top:8px}@media (max-width: 768px){.auth-container{max-width:480px}.auth-modal-header{padding:20px 20px 16px}.auth-modal-header .auth-modal-title{font-size:1.125rem}.auth-modal-body{padding:0 20px 20px}}@media (max-width: 480px){.auth-container{margin:16px;max-height:calc(100vh - 32px)}.auth-modal-header{padding:16px 16px 12px}.auth-modal-header .auth-modal-title{font-size:1.125rem}.auth-modal-header .auth-modal-subtitle{font-size:0.9rem}.auth-modal-body{padding:0 16px 16px}.auth-modal-context{margin:16px 16px 0}.benefits-section .benefit-item{justify-content:center}.social-buttons .social-btn[data-provider="google"]::after{content:"Continue with Google"}.social-buttons .social-btn[data-provider="facebook"]::after{content:"Continue with Facebook"}}.auth-container .form-input:focus,.auth-container .auth-tab:focus,.auth-container .social-btn:focus,.auth-container .submit-btn:focus,.auth-container .back-btn:focus,.auth-container .auth-modal-close:focus{outline:2px solid #f97316;outline-offset:2px}@media (prefers-contrast: high){.auth-container .auth-tab.active{border:2px solid #f97316}.auth-container .form-input:focus{border-width:3px}}@media (prefers-reduced-motion: reduce){.auth-container{animation:none}.auth-container *{animation:none !important;transition:none !important}}@media print{.auth-overlay{display:none}}body.has-mini-player{padding-bottom:68px}.mini-player{position:fixed;bottom:0;left:0;right:0;height:60px;background:#1a1714;border-top:1px solid rgba(255,255,255,0.08);z-index:1020;transform:translateY(100%);transition:transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);box-shadow:0 -4px 24px rgba(0,0,0,0.3)}.mini-player--visible{transform:translateY(0)}.mini-player__inner{display:flex;align-items:center;gap:14px;height:100%;max-width:1200px;margin:0 auto;padding:0 20px}.mini-player__left{display:flex;align-items:center;gap:12px;flex-shrink:0}.mini-player__thumb{width:40px;height:40px;border-radius:6px;overflow:hidden;background:#2c2722;flex-shrink:0}.mini-player__thumb-img{width:100%;height:100%;object-fit:cover}.mini-player__thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#6B635C;font-size:16px}.mini-player__thumb-placeholder svg{width:16px;height:16px;fill:currentColor}.mini-player__play-btn{width:36px;height:36px;border-radius:50%;background:#FF6B35;border:none;color:white;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s, transform 0.2s}.mini-player__play-btn:hover{background:#FF5219;transform:scale(1.08)}.mini-player__play-btn i{margin-left:1px}.mini-player__play-btn svg{width:14px;height:14px;fill:currentColor;margin-left:1px}.mini-player__center{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}.mini-player__info{display:flex;align-items:baseline;gap:10px;min-width:0}.mini-player__title{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size:13px;font-weight:700;color:#F5F2EF;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.2s}.mini-player__title:hover{color:#FF6B35}.mini-player__series{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size:11px;color:#6B635C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.mini-player__progress{width:100%}.mini-player__bar{position:relative;width:100%;height:4px;background:rgba(255,255,255,0.12);border-radius:2px;cursor:pointer;transition:height 0.15s}.mini-player__bar:hover{height:6px}.mini-player__bar-fill{position:absolute;top:0;left:0;height:100%;background:#FF6B35;border-radius:2px;width:0;transition:width 0.1s linear;pointer-events:none}.mini-player__bar-chapters{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none}.mini-player__chapter-dot{position:absolute;top:-2px;width:4px;height:8px;background:rgba(255,255,255,0.35);border-radius:2px;transform:translateX(-50%)}.mini-player__right{display:flex;align-items:center;gap:12px;flex-shrink:0}.mini-player__time{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size:11px;color:#9A918A;font-weight:500;white-space:nowrap}.mini-player__time-current{color:#F5F2EF}.mini-player__speed-btn{padding:4px 8px;border-radius:4px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size:11px;font-weight:700;color:#9A918A;cursor:pointer;flex-shrink:0;transition:all 0.2s}.mini-player__speed-btn:hover{background:rgba(255,255,255,0.15);color:#F5F2EF}.mini-player__close-btn{width:28px;height:28px;border-radius:50%;background:transparent;border:none;color:#6B635C;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s}.mini-player__close-btn:hover{background:rgba(255,255,255,0.1);color:#F5F2EF}.mini-player__close-btn svg{width:14px;height:14px;fill:currentColor}.mini-player__mobile-expand{display:none}@media (max-width: 900px){.mini-player__series{display:none}.mini-player__time{font-size:10px}}@media (max-width: 600px){body.has-mini-player{padding-bottom:56px}.mini-player{height:52px}.mini-player--expanded{height:auto;min-height:52px}.mini-player__inner{padding:0 12px;gap:10px;flex-wrap:wrap}.mini-player__center{flex:1;min-width:0}.mini-player__progress{display:none}.mini-player__right{display:none}.mini-player__series{display:none}.mini-player__mobile-expand{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:#6B635C;font-size:12px;cursor:pointer;flex-shrink:0;transition:color 0.2s}.mini-player__mobile-expand:hover{color:#F5F2EF}.mini-player__mobile-expand svg{width:12px;height:12px;fill:currentColor}.mini-player--expanded .mini-player__inner{padding-bottom:12px}.mini-player--expanded .mini-player__progress{display:block;width:100%;order:10}.mini-player--expanded .mini-player__right{display:flex;width:100%;order:11;justify-content:space-between}.mini-player--expanded .mini-player__mobile-expand svg{transform:rotate(180deg)}}@media (prefers-reduced-motion: reduce){.mini-player{transition:none}.mini-player__bar-fill{transition:none}}.mini-player__play-btn:focus-visible,.mini-player__speed-btn:focus-visible,.mini-player__close-btn:focus-visible,.mini-player__bar:focus-visible{outline:2px solid #FF6B35;outline-offset:3px}body{padding-top:60px}body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;line-height:1.6;color:#333}.landing-hero{text-align:center;padding:80px 20px;background:linear-gradient(135deg, #ff6b35 0%, #ff5722 100%);color:white;position:relative}.landing-hero .badge{display:inline-block;background:rgba(255,255,255,0.2);color:white;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:20px;border:1px solid rgba(255,255,255,0.3)}.landing-hero .hero-title{font-size:3rem;font-weight:700;margin-bottom:20px;line-height:1.2}.landing-hero .hero-subtitle{font-size:1.25rem;opacity:0.9;max-width:600px;margin:0 auto;line-height:1.5}@media (max-width: 768px){.landing-hero{padding:60px 20px}.landing-hero .hero-title{font-size:2rem}.landing-hero .hero-subtitle{font-size:1.125rem}}.container{max-width:1200px;margin:0 auto;padding:60px 20px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:60px}@media (max-width: 768px){.two-column{grid-template-columns:1fr;gap:40px}}.two-column .column .column-icon{font-size:3rem;margin-bottom:20px}.two-column .column h2{font-size:1.75rem;font-weight:600;color:#333;margin-bottom:16px}.two-column .column p{color:#666;line-height:1.6;margin-bottom:20px}.benefits-list{list-style:none;padding:0;margin:20px 0}.benefits-list li{position:relative;padding-left:25px;margin-bottom:12px;color:#666;line-height:1.5}.benefits-list li::before{content:'✓';position:absolute;left:0;color:#ff6b35;font-weight:bold}.stats-section{background:#f8f9fa;padding:80px 20px;text-align:center}.stats-section h2{font-size:2.25rem;font-weight:600;color:#333;margin-bottom:30px}.stats-section .stats-container{max-width:800px;margin:0 auto}.stats-section .stats-container p{font-size:1.125rem;color:#666;line-height:1.7;margin-bottom:50px}.stats-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:40px;max-width:600px;margin:0 auto}.stats-section .stats-grid .stat-item .stat-icon{font-size:2.5rem;margin-bottom:15px}.stats-section .stats-grid .stat-item .stat-label{font-weight:600;color:#333;font-size:1rem}@media (max-width: 768px){.stats-section{padding:60px 20px}.stats-section h2{font-size:1.75rem}.stats-section .stats-grid{grid-template-columns:repeat(2, 1fr);gap:30px}}.form-section{padding:80px 20px;background:white}.form-section .form-container{max-width:600px;margin:0 auto;text-align:center}.form-section .form-title{font-size:2rem;font-weight:600;color:#333;margin-bottom:10px}.form-section .form-subtitle{color:#666;margin-bottom:40px;font-size:1.125rem}@media (max-width: 768px){.form-section{padding:60px 20px}}.landing-form{text-align:left}.landing-form .form-group{margin-bottom:25px}.landing-form .form-group.dynamic-field{transition:all 0.3s ease}.landing-form .form-label{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:0.95rem}.landing-form .form-input,.landing-form .form-select,.landing-form .form-textarea{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:all 0.2s ease}.landing-form .form-input:focus,.landing-form .form-select:focus,.landing-form .form-textarea:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px rgba(255,107,53,0.1)}.landing-form .form-input::placeholder,.landing-form .form-select::placeholder,.landing-form .form-textarea::placeholder{color:#999}.landing-form .form-textarea{resize:vertical;min-height:100px}.landing-form .form-submit{background:#ff6b35;color:white;border:none;padding:15px 30px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;width:100%}.landing-form .form-submit:hover{background:#ff5722;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,87,34,0.3)}.landing-form .form-submit:active{transform:translateY(0)}.site-footer{background:#000000;color:#ecf0f1}.site-footer .footer-main{border-bottom:1px solid #333}.site-footer .footer-container{max-width:1200px;margin:0 auto;padding:60px 20px 40px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:40px}@media (max-width: 968px){.site-footer .footer-container{grid-template-columns:1fr 1fr;gap:40px 30px}}@media (max-width: 640px){.site-footer .footer-container{grid-template-columns:1fr 1fr;gap:10px 15px;text-align:left;padding:20px 20px 15px}}.site-footer .footer-section.footer-brand .footer-logo{display:inline-block;margin-bottom:20px}.site-footer .footer-section.footer-brand .footer-logo .footer-logo-img{height:40px;width:auto}.site-footer .footer-section.footer-brand .footer-quote{margin-top:20px}.site-footer .footer-section.footer-brand .footer-quote p{font-style:italic;font-size:0.95rem;line-height:1.6;color:#bdc3c7;margin-bottom:8px}.site-footer .footer-section.footer-brand .footer-quote cite{font-size:0.85rem;color:#95a5a6}.site-footer .footer-section.footer-brand .footer-quote cite::before{content:'— '}@media (max-width: 640px){.site-footer .footer-section.footer-brand .footer-quote{display:none}}@media (max-width: 640px){.site-footer .footer-section.footer-brand{grid-column:1 / -1;text-align:center;margin-bottom:5px}.site-footer .footer-section.footer-brand .footer-logo{margin-bottom:5px}.site-footer .footer-section.footer-brand .footer-logo .footer-logo-img{height:30px}}.site-footer .footer-heading{font-size:1.1rem;font-weight:600;color:white;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.5px;position:relative;padding-bottom:8px}.site-footer .footer-heading::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:#ff6b35}@media (max-width: 640px){.site-footer .footer-heading{margin-bottom:8px;padding-bottom:4px;font-size:1rem}}.site-footer .footer-links{list-style:none;padding:0;margin:0}.site-footer .footer-links li{margin-bottom:12px}.site-footer .footer-links li a{color:#bdc3c7;text-decoration:none;font-size:0.95rem;transition:color 0.2s ease}.site-footer .footer-links li a:hover{color:#ff6b35}.site-footer .footer-links li a.coming-soon{position:relative}.site-footer .footer-links li a.coming-soon::after{content:'SOON';display:inline-block;margin-left:8px;padding:2px 6px;background:rgba(255,107,53,0.2);color:#ff6b35;border-radius:8px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;vertical-align:middle}@media (max-width: 640px){.site-footer .footer-links li{margin-bottom:6px}}@media (max-width: 640px){.site-footer .footer-accordion .footer-accordion-header{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;user-select:none;gap:8px}.site-footer .footer-accordion .footer-accordion-header::after{display:none}.site-footer .footer-accordion .footer-accordion-header .accordion-icon{transition:transform 0.2s ease;font-size:0.7rem;opacity:0.8}.site-footer .footer-accordion .footer-accordion-header.active .accordion-icon{transform:rotate(90deg)}.site-footer .footer-accordion .footer-accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease;margin-top:0}.site-footer .footer-accordion .footer-accordion-content.active{max-height:150px;margin-top:5px}}@media (min-width: 641px){.site-footer .footer-accordion .accordion-icon{display:none}}@media (max-width: 640px){.site-footer .footer-connect{grid-column:1 / -1;text-align:center;margin-top:8px}}.site-footer .social-links{display:flex;gap:15px;margin-bottom:30px}@media (max-width: 640px){.site-footer .social-links{justify-content:center;margin-bottom:15px}}.site-footer .social-links .social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#333;border-radius:50%;color:#bdc3c7;text-decoration:none;transition:all 0.2s ease}.site-footer .social-links .social-link:hover{background:#ff6b35;color:white;transform:translateY(-2px)}.site-footer .social-links .social-link svg{width:18px;height:18px}.site-footer .newsletter-signup .newsletter-title{font-size:1rem;font-weight:600;color:white;margin-bottom:15px}.site-footer .newsletter-signup .newsletter-form{display:flex;gap:8px}@media (max-width: 640px){.site-footer .newsletter-signup .newsletter-form{flex-direction:column}}.site-footer .newsletter-signup .newsletter-form .newsletter-input{flex:1;padding:10px 12px;border:1px solid #333;border-radius:6px;background:#333;color:white;font-size:0.9rem}.site-footer .newsletter-signup .newsletter-form .newsletter-input::placeholder{color:#95a5a6}.site-footer .newsletter-signup .newsletter-form .newsletter-input:focus{outline:none;border-color:#ff6b35;background:#2a2a2a}.site-footer .newsletter-signup .newsletter-form .newsletter-submit{padding:10px 16px;background:#ff6b35;color:white;border:none;border-radius:6px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:background 0.2s ease;white-space:nowrap}.site-footer .newsletter-signup .newsletter-form .newsletter-submit:hover{background:#ff5722}@media (max-width: 640px){.site-footer .newsletter-signup .newsletter-form .newsletter-submit{padding:12px 16px}}.site-footer .footer-bottom{background:#000000}.site-footer .footer-bottom .footer-bottom-content{max-width:1200px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;align-items:center;font-size:0.85rem;color:#95a5a6}@media (max-width: 640px){.site-footer .footer-bottom .footer-bottom-content{flex-direction:column;gap:15px;text-align:center}}.site-footer .footer-bottom .footer-bottom-content .footer-legal a{color:#95a5a6;text-decoration:none}.site-footer .footer-bottom .footer-bottom-content .footer-legal a:hover{color:#ff6b35}.site-footer .footer-bottom .footer-bottom-content .footer-legal .separator{margin:0 10px}.about-section a:visited,.about-hero-gradient a:visited{color:inherit}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes run{0%{transform:translateX(-20px)}100%{transform:translateX(calc(100vw + 20px))}}@keyframes flow{0%,100%{background-position:0% 0%}50%{background-position:0% 100%}}@keyframes runDown{0%,100%{top:0}50%{top:100%}}@keyframes slideIn{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{opacity:0.1}50%{opacity:0.3}}@keyframes gradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes dash{to{left:calc(100% + 50px)}}.scroll-progress{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg, #ff6b35, #4ECDC4);z-index:1000;transform-origin:left;animation:gradient 3s ease infinite;background-size:200% 100%;width:0%}.about-section h1{font-size:2.5rem;line-height:1.3;margin-bottom:1.5rem}@media (max-width: 768px){.about-section h1{font-size:2rem}}.about-section h2{font-size:2rem;line-height:1.4;margin-bottom:1.5rem}@media (max-width: 768px){.about-section h2{font-size:1.75rem}}.about-section h3{font-size:1.5rem;line-height:1.4;margin-bottom:1rem}.about-section h4{font-size:1.2rem;line-height:1.4;margin-bottom:0.75rem}.about-section p{margin-bottom:1.25rem;line-height:1.8;max-width:750px}.about-section{padding:6rem 0;border-bottom:1px solid #eee;position:relative;background:white;z-index:2}.about-section:last-child{border-bottom:none}.about-section:nth-child(even){background:linear-gradient(180deg, #FAFAFA 0%, #fff 100%)}.about-section.bg-light{background-color:#f8f9fa}@media (max-width: 768px){.about-section{padding:4rem 0}}.container{max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width: 1440px){.container{max-width:1200px}}@media (max-width: 768px){.container{padding:0 1.5rem}}.about-hero-gradient{background:linear-gradient(135deg, #f96 0%, #ff6b35 100%);padding:7rem 0;color:white;text-align:center;position:relative;overflow:hidden;z-index:1}.about-hero-gradient::before{content:'';position:absolute;width:200%;height:200%;background:radial-gradient(circle at 20% 80%, rgba(255,255,255,0.1) 0%, transparent 50%);animation:float 20s ease-in-out infinite}@media (max-width: 768px){.about-hero-gradient{padding:5rem 0}}.about-hero-gradient .container{max-width:1400px;position:relative;z-index:1}.about-hero-gradient .about-hero-title{font-size:48px;line-height:56px;font-weight:800;letter-spacing:-0.5px;max-width:900px;margin:0 auto 2rem;color:white;animation:fadeInUp 0.8s ease-out}@media (max-width: 768px){.about-hero-gradient .about-hero-title{font-size:32px;line-height:40px}}.about-hero-gradient .about-hero-subtitle{font-size:18px;line-height:28px;font-weight:400;max-width:700px;margin:0 auto;opacity:0.95;animation:fadeInUp 0.8s ease-out 0.2s both}@media (max-width: 768px){.about-hero-gradient .about-hero-subtitle{font-size:16px;line-height:24px}}.running-dots{position:absolute;bottom:0;width:100%;height:4px;overflow:hidden}.running-dots::before,.running-dots::after{content:'';position:absolute;width:12px;height:12px;background:#ff6b35;border-radius:50%;animation:run 3s linear infinite}.running-dots::after{animation-delay:1.5s;background:#4ECDC4}.about-section-title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;position:relative;opacity:0;animation:fadeInUp 0.6s ease-out forwards}.about-section-title:after{content:'';display:block;width:60px;height:4px;background-color:#ff6b35;margin:1rem auto 0;animation:pulse 2s ease-in-out infinite}@media (max-width: 768px){.about-section-title{font-size:2rem}}.about-subsection-title{color:#333;font-size:1.5rem;margin:2rem 0 1.5rem;text-align:center}.about-story-content{display:grid;grid-template-columns:1.3fr 1fr;gap:5rem;align-items:start;margin-top:3rem}@media (max-width: 968px){.about-story-content{grid-template-columns:1fr;gap:3rem}}.about-story-text p{font-size:1.05rem;line-height:1.8;color:#555;margin-bottom:1.75rem;max-width:none;opacity:0;animation:fadeInUp 0.6s ease-out forwards}.about-story-text p strong{color:#ff6b35;font-weight:600;font-size:1.1em;position:relative}.about-story-text p strong.highlight-quote{display:inline-block;padding:0 0.3em;background:linear-gradient(120deg, transparent 0%, rgba(255,107,53,0.1) 50%, transparent 100%);border-radius:3px;animation:pulse 3s ease-in-out infinite}.about-story-text p:nth-child(1){animation-delay:0.1s}.about-story-text p:nth-child(2){animation-delay:0.2s}.about-story-text p:nth-child(3){animation-delay:0.3s}.about-story-text p:nth-child(4){animation-delay:0.4s}.about-story-text p:nth-child(5){animation-delay:0.5s}@media (max-width: 768px){.about-story-text p{font-size:1rem}}.about-story-text p:first-child{font-size:1.15rem;color:#1A1A1A;font-weight:500}.about-story-text p strong{color:#ff6b35;font-weight:600;background:linear-gradient(120deg, transparent 0%, rgba(255,107,53,0.1) 50%, transparent 100%);padding:0 4px;border-radius:4px}.about-story-text p:last-child{margin-bottom:0}.about-story-image{position:sticky;top:100px}.about-story-image img{width:100%;min-height:500px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.1);transition:transform 0.3s ease}.about-story-image img:hover{transform:scale(1.02)}@media (max-width: 968px){.about-story-image{position:relative;top:0}.about-story-image img{min-height:auto}}.pull-quote,blockquote.pull-quote{position:relative;font-size:1.25rem;line-height:1.7;color:#ff6b35;font-weight:500;margin:2.5rem 0;padding:1.5rem 2.5rem;padding-left:3.5rem;border:none;border-left:4px solid #ff6b35;font-style:italic;opacity:0;transform:translateX(-20px);transition:all 0.6s ease;background:linear-gradient(90deg, rgba(255,107,53,0.04) 0%, transparent 70%);border-radius:0 8px 8px 0}.pull-quote.in-view,blockquote.pull-quote.in-view{opacity:1;transform:translateX(0)}.pull-quote::before,.pull-quote::after,blockquote.pull-quote::before,blockquote.pull-quote::after{content:'"';position:absolute;font-size:3.5rem;color:rgba(255,107,53,0.2);font-family:Georgia, serif;animation:pulse 3s ease-in-out infinite;line-height:1}.pull-quote::before,blockquote.pull-quote::before{top:5px;left:10px}.pull-quote::after,blockquote.pull-quote::after{bottom:5px;right:20px;transform:rotate(180deg)}@media (max-width: 768px){.pull-quote,blockquote.pull-quote{font-size:1.2rem;margin:2rem 0}}.about-mission-statement{font-size:1.3rem;max-width:800px;margin:0 auto 3rem;text-align:center;line-height:1.8;color:#555;opacity:0;animation:fadeInUp 0.6s ease-out 0.3s forwards}.about-values-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-top:2rem}.about-value-card{background:white;border:1px solid #eee;border-radius:10px;padding:2rem;text-align:center;cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;opacity:0;animation:fadeInUp 0.6s ease-out forwards}.about-value-card:nth-child(1){animation-delay:0.1s}.about-value-card:nth-child(2){animation-delay:0.2s}.about-value-card:nth-child(3){animation-delay:0.3s}.about-value-card::before{content:'';position:absolute;inset:0;border-radius:10px;padding:2px;background:linear-gradient(45deg, #ff6b35, #4ECDC4);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity 0.3s}.about-value-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(255,107,53,0.2)}.about-value-card:hover::before{opacity:1}.about-value-card:hover .about-value-icon{animation:bounce 0.5s}.about-value-card .about-value-icon{margin-bottom:1rem;height:60px;display:flex;align-items:center;justify-content:center}.about-value-card .about-value-icon .brand-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg, #ff6b35, #ffa382);position:relative;box-shadow:0 4px 12px rgba(255,107,53,0.3)}.about-value-card .about-value-icon .brand-icon::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:inherit;opacity:0.15;transform:scale(1.3)}.about-value-card .about-value-icon .brand-icon::after{content:'RM';color:white;font-weight:bold;font-size:1.2rem;position:relative;z-index:1}.about-value-card .about-value-icon .brand-icon.community-icon{background:linear-gradient(135deg, #ff6b35, #f96)}.about-value-card .about-value-icon .brand-icon.community-icon::after{content:'C'}.about-value-card .about-value-icon .brand-icon.fun-icon{background:linear-gradient(135deg, #4ECDC4, #76d8d1)}.about-value-card .about-value-icon .brand-icon.fun-icon::after{content:'F'}.about-value-card .about-value-icon .brand-icon.friends-icon{background:linear-gradient(135deg, #ff6b35, #4ECDC4)}.about-value-card .about-value-icon .brand-icon.friends-icon::after{content:'FF';font-size:1rem}.about-value-card h4{color:#ff6b35;margin-bottom:0.5rem;font-size:1.2rem}.about-value-card p{color:#666;line-height:1.6;margin:0;max-width:none}.about-timeline{position:relative;padding:2rem 0;margin-top:2rem}.about-timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg, #ff6b35 0%, #4ECDC4 100%);background-size:100% 200%;animation:flow 8s ease-in-out infinite}@media (max-width: 768px){.about-timeline::before{left:20px}}.about-timeline::after{content:'';position:absolute;left:calc(50% - 6px);width:12px;height:12px;background:#ff6b35;border-radius:50%;animation:runDown 15s ease-in-out infinite;box-shadow:0 2px 8px rgba(255,107,53,0.4)}@media (max-width: 768px){.about-timeline::after{left:14px}}.about-timeline-item{position:relative;margin-bottom:3rem;display:flex;align-items:flex-start;opacity:0;animation:slideIn 0.6s ease-out forwards}.about-timeline-item:nth-child(1){animation-delay:0.1s}.about-timeline-item:nth-child(2){animation-delay:0.2s}.about-timeline-item:nth-child(3){animation-delay:0.3s}.about-timeline-item:nth-child(4){animation-delay:0.4s}.about-timeline-item:nth-child(5){animation-delay:0.5s}.about-timeline-item:nth-child(6){animation-delay:0.6s}.about-timeline-item:nth-child(7){animation-delay:0.7s}.about-timeline-item:nth-child(8){animation-delay:0.8s}.about-timeline-item:nth-child(9){animation-delay:0.9s}.about-timeline-item:nth-child(10){animation-delay:1s}.about-timeline-item:nth-child(odd){flex-direction:row-reverse}.about-timeline-item:nth-child(odd) .about-timeline-content{margin-right:auto;margin-left:0}@media (max-width: 768px){.about-timeline-item:nth-child(odd){flex-direction:row}.about-timeline-item:nth-child(odd) .about-timeline-content{margin-left:60px;margin-right:0}}.about-timeline-item:nth-child(even) .about-timeline-content{margin-left:auto;margin-right:0}@media (max-width: 768px){.about-timeline-item:nth-child(even) .about-timeline-content{margin-left:60px;margin-right:0}}@media (max-width: 768px){.about-timeline-item{margin-left:0;flex-direction:row !important}}.about-timeline-content{width:45%;padding:1.5rem;background:white;border:1px solid #eee;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,0.05);transition:transform 0.3s ease, box-shadow 0.3s ease}.about-timeline-content:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(255,107,53,0.15)}@media (max-width: 768px){.about-timeline-content{width:calc(100% - 60px)}}.about-timeline-content h4{color:#ff6b35;margin-bottom:0.75rem;font-size:1.2rem;font-weight:600}.about-timeline-content p{margin:0;line-height:1.7;color:#555;font-size:0.95rem;max-width:none}.about-timeline-content ul{margin:0;padding-left:0;list-style:none}.about-timeline-content ul li{position:relative;padding-left:1.5rem;margin-bottom:0.5rem;line-height:1.6;color:#555;font-size:0.95rem}.about-timeline-content ul li::before{content:'';position:absolute;left:0;top:0.5em;width:6px;height:6px;background:#ff6b35;border-radius:50%}.about-timeline-content ul li:last-child{margin-bottom:0}.about-timeline-year{position:absolute;left:50%;top:-5px;transform:translateX(-50%);background:#ff6b35;color:white;padding:0.5rem 1.2rem;border-radius:20px;font-weight:bold;font-size:0.95rem;white-space:nowrap;z-index:3;box-shadow:0 2px 8px rgba(255,107,53,0.3);transition:transform 0.3s ease}.about-timeline-year:hover{transform:translateX(-50%) scale(1.1)}@media (max-width: 768px){.about-timeline-year{left:20px;transform:translateX(-50%)}.about-timeline-year:hover{transform:translateX(-50%) scale(1.1)}}.about-why-now-content{max-width:1100px;margin:0 auto}.about-lead-text{font-size:1.2rem;color:#333;margin-bottom:2rem;text-align:center;max-width:900px;margin-left:auto;margin-right:auto;opacity:0;animation:fadeInUp 0.6s ease-out 0.2s forwards}.about-why-now-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:3rem;margin:2rem 0 3rem}@media (max-width: 768px){.about-why-now-grid{grid-template-columns:1fr;gap:2rem}}.about-why-now-item{opacity:0;animation:fadeInUp 0.6s ease-out forwards}.about-why-now-item:nth-child(1){animation-delay:0.4s}.about-why-now-item:nth-child(2){animation-delay:0.5s}.about-why-now-item:nth-child(3){animation-delay:0.6s}.about-why-now-item:nth-child(4){animation-delay:0.7s}.about-why-now-item h4{color:#ff6b35;margin-bottom:0.5rem;font-size:1.2rem;transition:color 0.3s ease}.about-why-now-item p{color:#555;line-height:1.7;margin:0;max-width:none}.about-why-now-item:hover h4{color:#e5592a}.about-highlight-text{font-size:1.15rem;color:#333;background:#ffeee8;padding:1.5rem;border-radius:10px;border-left:4px solid #ff6b35;margin-top:2rem;max-width:none;opacity:0;animation:fadeInUp 0.6s ease-out 0.8s forwards}.about-team-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:3rem;margin-top:3rem}.about-team-member{text-align:center;padding:2rem;background:white;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;opacity:0;animation:fadeInUp 0.6s ease-out forwards}.about-team-member:hover{transform:translateY(-5px);box-shadow:0 10px 40px rgba(255,107,53,0.15)}.about-team-member:nth-child(1){animation-delay:0.2s}.about-team-member:nth-child(2){animation-delay:0.4s}.about-team-member .about-member-photo{width:200px;height:200px;border-radius:50%;border:3px solid #ff6b35;margin:0 auto 1.5rem;overflow:hidden;position:relative}.about-team-member .about-member-photo::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255,107,53,0.9), rgba(78,205,196,0.9));opacity:0;transition:opacity 0.3s ease;border-radius:50%;display:flex;align-items:center;justify-content:center}.about-team-member .about-member-photo::before{content:'RM';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:2rem;font-weight:bold;color:white;opacity:0;transition:opacity 0.3s ease;z-index:2;pointer-events:none}.about-team-member .about-member-photo img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.about-team-member:hover{transform:translateY(-5px)}.about-team-member:hover .about-member-photo::after{opacity:0.85}.about-team-member:hover .about-member-photo::before{opacity:1}.about-team-member:hover .about-member-photo img{transform:scale(1.05)}.about-team-member:hover .about-member-name{color:#ff6b35}.about-team-member .about-member-name{font-size:1.75rem;color:#333;margin-bottom:0.5rem;transition:color 0.3s ease;font-weight:700}.about-team-member .about-member-title{color:#ff6b35;font-weight:600;margin-bottom:1rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:1.5px}.about-team-member .about-member-bio{color:#555;line-height:1.8;max-width:450px;margin:1rem auto;font-size:1.05rem;font-weight:400}.about-team-member .about-member-highlights{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin:1rem 0}.about-team-member .about-member-highlights .highlight-tag{display:inline-block;padding:0.25rem 0.75rem;background:linear-gradient(135deg, rgba(255,107,53,0.1), rgba(78,205,196,0.1));border:1px solid rgba(255,107,53,0.2);border-radius:20px;font-size:0.85rem;font-weight:600;color:#ff6b35;text-transform:uppercase;letter-spacing:0.5px}.about-team-member .about-member-quote{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg, rgba(255,107,53,0.05), rgba(78,205,196,0.05));border-left:3px solid #ff6b35;border-radius:0 8px 8px 0;font-style:italic;font-size:1.1rem;color:#ff6b35;font-weight:500;text-align:center;position:relative}.about-team-member .about-member-quote::before{content:'"';position:absolute;top:-10px;left:10px;font-size:2.5rem;color:rgba(255,107,53,0.2);font-family:Georgia, serif}.about-stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;margin:3rem 0;text-align:center}.about-stat-item{padding:1rem;opacity:0;animation:fadeInUp 0.6s ease-out forwards}.about-stat-item:nth-child(1){animation-delay:0.1s}.about-stat-item:nth-child(2){animation-delay:0.2s}.about-stat-item:nth-child(3){animation-delay:0.3s}.about-stat-item:nth-child(4){animation-delay:0.4s}.about-stat-item .about-stat-number{font-size:2.5rem;color:#ff6b35;font-weight:bold;margin-bottom:0.5rem;transition:transform 0.3s ease}.about-stat-item .about-stat-number:hover{transform:scale(1.1)}.about-stat-item .about-stat-label{color:#666;font-size:1rem;text-transform:uppercase;letter-spacing:0.5px}.about-personal-note{max-width:800px;margin:0 auto;background:white;padding:2.5rem;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.08);border:1px solid #eee;opacity:0;animation:fadeInUp 0.6s ease-out 0.3s forwards;transition:transform 0.3s ease}.about-personal-note:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.12)}.about-note-content p{font-size:1.1rem;line-height:1.8;color:#444;margin-bottom:1.5rem;font-style:italic;max-width:none}.about-note-signature{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee;text-align:right}.about-note-signature strong{color:#ff6b35;font-size:1.1rem}.about-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem;margin-top:2rem}.about-gallery-grid .about-gallery-item{border-radius:10px;overflow:hidden;aspect-ratio:1;position:relative;cursor:pointer;opacity:0;animation:fadeInUp 0.6s ease-out forwards}.about-gallery-grid .about-gallery-item:nth-child(1){animation-delay:0.05s}.about-gallery-grid .about-gallery-item:nth-child(2){animation-delay:0.1s}.about-gallery-grid .about-gallery-item:nth-child(3){animation-delay:0.15s}.about-gallery-grid .about-gallery-item:nth-child(4){animation-delay:0.2s}.about-gallery-grid .about-gallery-item:nth-child(5){animation-delay:0.25s}.about-gallery-grid .about-gallery-item:nth-child(6){animation-delay:0.3s}.about-gallery-grid .about-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.about-gallery-grid .about-gallery-item::after{content:'🏃 View';position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top, rgba(0,0,0,0.8), transparent);color:white;padding:2rem 1rem 1rem;transform:translateY(100%);transition:transform 0.3s ease;display:flex;align-items:center;justify-content:center}.about-gallery-grid .about-gallery-item:hover img{transform:scale(1.1)}.about-gallery-grid .about-gallery-item:hover::after{transform:translateY(0)}.about-cta-section{background:linear-gradient(135deg, #f96 0%, #ff6b35 100%);color:white;padding:5rem 2rem;text-align:center;border-radius:20px;margin:4rem auto;max-width:1200px;position:relative;overflow:hidden}.about-cta-section::before{content:'';position:absolute;width:200%;height:200%;background:radial-gradient(circle at 80% 20%, rgba(255,255,255,0.1) 0%, transparent 50%);animation:float 15s ease-in-out infinite}.about-cta-section>*{position:relative;z-index:1}.about-cta-section h2{color:white;margin-bottom:1.5rem;font-size:2.5rem;animation:fadeInUp 0.6s ease-out}.about-cta-section h2:after{display:none}.about-cta-section>p{font-size:1.15rem;max-width:800px;margin:0 auto 2rem;opacity:0.95;line-height:1.7;animation:fadeInUp 0.6s ease-out 0.2s both}.about-cta-section h3{color:white;margin:2rem 0 1.5rem;font-size:1.5rem}.about-cta-lead{font-size:1.3rem;margin-bottom:2.5rem;color:white;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.about-cta-lead strong{font-size:1.5rem}.about-cta-looking-for,.about-cta-how-help{margin:3rem 0;opacity:0;animation:fadeInUp 0.6s ease-out 0.4s forwards}.about-cta-looking-for h3,.about-cta-how-help h3{color:white;margin-bottom:1.5rem;font-size:1.5rem}.about-cta-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1rem;margin:0 auto 2rem;max-width:900px;text-align:left}.about-cta-grid div{background:rgba(255,255,255,0.1);padding:1rem;border-radius:8px;color:white;transition:all 0.3s ease;backdrop-filter:blur(10px)}.about-cta-grid div:hover{background:rgba(255,255,255,0.15);transform:translateY(-3px)}.about-cta-grid div .cta-bullet{display:inline-block;width:6px;height:6px;background:#ff6b35;border-radius:50%;margin-right:0.75rem;vertical-align:middle;box-shadow:0 0 8px rgba(255,107,53,0.5)}.about-cta-grid div strong{color:white}.about-cta-how-help ul{list-style:none;padding:0;max-width:700px;margin:0 auto;text-align:left}.about-cta-how-help ul li{color:white;margin-bottom:0.75rem;padding-left:1.5rem;position:relative;transition:transform 0.3s ease}.about-cta-how-help ul li:before{content:"→";position:absolute;left:0;color:white;transition:transform 0.3s ease}.about-cta-how-help ul li:hover{transform:translateX(5px)}.about-cta-how-help ul li:hover:before{transform:translateX(-5px)}.about-cta-bottom{font-size:1.05rem;margin:1.5rem auto;color:white;max-width:800px}.about-cta-bottom strong{font-size:1.1rem}.about-cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;opacity:0;animation:fadeInUp 0.6s ease-out 0.6s forwards}.about-cta-buttons .btn{padding:1rem 2rem;border-radius:25px;font-weight:600;text-decoration:none;position:relative;overflow:hidden;transition:all 0.3s ease;display:inline-block}.about-cta-buttons .btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.5);transform:translate(-50%, -50%);transition:width 0.6s, height 0.6s}.about-cta-buttons .btn:hover{transform:translateY(-2px);text-decoration:none}.about-cta-buttons .btn:hover::before{width:300px;height:300px}.about-cta-buttons .btn:active{transform:translateY(0)}.about-cta-buttons .btn-primary{background:white;color:#ff6b35;border:none;animation:float 3s ease-in-out infinite}.about-cta-buttons .btn-primary:hover{box-shadow:0 10px 30px rgba(0,0,0,0.3)}.about-cta-buttons .btn-outline-light{background:transparent;color:white;border:2px solid white}.about-cta-buttons .btn-outline-light:hover{background:rgba(255,255,255,0.1);box-shadow:0 5px 20px rgba(255,255,255,0.2)}.about-cta-options{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;margin:3rem auto;max-width:1000px}.cta-option-card{background:rgba(255,255,255,0.95);border-radius:12px;padding:2rem 1.5rem;color:#333;transition:all 0.3s ease;backdrop-filter:blur(10px);text-align:center}.cta-option-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.2);background:white}.cta-option-card .cta-icon{font-size:2.5rem;margin-bottom:1rem}.cta-option-card h3{color:#ff6b35;font-size:1.4rem;margin-bottom:0.75rem;font-weight:700}.cta-option-card p{color:#555;margin-bottom:1.5rem;font-size:0.95rem;line-height:1.5;min-height:50px}.cta-option-card .btn{width:100%;padding:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;font-size:0.9rem}.cta-option-card .btn.btn-primary{background:#ff6b35;border-color:#ff6b35;color:white !important}.cta-option-card .btn.btn-primary:hover,.cta-option-card .btn.btn-primary:focus,.cta-option-card .btn.btn-primary:active,.cta-option-card .btn.btn-primary:visited{background:#ff4602;border-color:#ff4602;color:white !important}.about-cta-secondary{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.2)}.about-cta-secondary p{color:white;font-size:1.1rem;margin-bottom:1.5rem}.about-cta-secondary .about-cta-buttons-secondary{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.about-cta-secondary .about-cta-buttons-secondary .btn{padding:0.6rem 1.5rem;font-weight:600}.about-cta-secondary .about-cta-buttons-secondary .btn.btn-outline-primary{background:transparent;border:2px solid white;color:white !important}.about-cta-secondary .about-cta-buttons-secondary .btn.btn-outline-primary:hover,.about-cta-secondary .about-cta-buttons-secondary .btn.btn-outline-primary:focus,.about-cta-secondary .about-cta-buttons-secondary .btn.btn-outline-primary:active{background:white;color:#ff6b35 !important;border-color:white}.about-cta-secondary .about-cta-buttons-secondary .btn.btn-outline-primary:visited{color:white !important;border-color:white}.about-cta-tagline{margin-top:3rem;font-size:1.2rem;font-style:italic;color:white;opacity:0.95}.about-cta-tagline em{display:block;max-width:600px;margin:0 auto}.hidden-runner{position:fixed;bottom:20%;left:-50px;z-index:999;animation:dash 5s linear;pointer-events:none}.hidden-runner.brand-runner .runner-icon{display:inline-block;background:linear-gradient(135deg, #ff6b35, #4ECDC4);color:white;padding:4px 10px;border-radius:20px;font-weight:bold;font-size:11px;box-shadow:0 2px 8px rgba(0,0,0,0.15);letter-spacing:0.5px;text-transform:uppercase}.animated-element{will-change:transform;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@media (max-width: 992px){.about-hero-title{font-size:2.2rem}.about-section-title{font-size:1.8rem}}@media (max-width: 576px){.about-hero-gradient{padding:4rem 0}.about-section{padding:4rem 0}.about-values-grid{grid-template-columns:1fr}.about-stats-grid{grid-template-columns:repeat(2, 1fr)}.about-gallery-grid{grid-template-columns:repeat(2, 1fr)}.about-cta-buttons{flex-direction:column;align-items:center}.about-cta-buttons .btn{width:100%;max-width:280px}.about-cta-grid{grid-template-columns:1fr}}input,textarea,select,button{font-family:inherit;font-size:inherit}body.landing-page{margin:0;padding:0;background:#ffffff;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.landing-page .container{max-width:1200px;margin:0 auto;padding:0 20px}.flash-message{position:fixed;top:60px;left:50%;transform:translateX(-50%);z-index:999;max-width:500px;padding:12px 20px;border-radius:6px;font-size:14px}.flash-message.notice{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.flash-message.alert{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}
