﻿@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&display=swap");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}trix-editor{border:none;border-radius:0;padding:20px 0 0 0;min-height:400px;background:transparent;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-size:18px;line-height:1.8;color:#1f2937}trix-editor:focus{outline:none;border:none;box-shadow:none}trix-editor figcaption{text-align:center;font-size:14px;color:#6b7280;font-style:italic;margin-top:8px}trix-toolbar{border:1px solid #e5e7eb;border-radius:8px 8px 0 0;background:#f9fafb;padding:8px;margin-bottom:-1px}trix-toolbar .trix-button-group{margin-right:8px;border:none}trix-toolbar .trix-button{background:white;border:1px solid #e5e7eb;border-radius:4px;padding:6px 10px;margin:0 2px;transition:all 0.2s}trix-toolbar .trix-button:hover{background:#f3f4f6;border-color:#d1d5db}trix-toolbar .trix-button.trix-active{background:rgba(255,85,0,0.1);color:#FF5500;border-color:#FF5500}.trix-content .attachment-gallery>action-text-attachment,.trix-content .attachment-gallery>.attachment{flex:1 0 33%;padding:0 0.5em;max-width:33%}.trix-content .attachment-gallery.attachment-gallery--2>action-text-attachment,.trix-content .attachment-gallery.attachment-gallery--2>.attachment,.trix-content .attachment-gallery.attachment-gallery--4>action-text-attachment,.trix-content .attachment-gallery.attachment-gallery--4>.attachment{flex-basis:50%;max-width:50%}.trix-content action-text-attachment .attachment{padding:0 !important;max-width:100% !important}.article-body .trix-content,.article-body action-text-content{color:#1f2937;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;line-height:1.8}.article-body h2,.article-body .trix-content h2,.article-body action-text-content h2{font-size:28px;font-weight:700;color:#111827;margin-top:48px;margin-bottom:20px;line-height:1.3}.article-body .trix-content h2:first-child,.article-body action-text-content h2:first-child{margin-top:0}.article-body .trix-content h3,.article-body action-text-content h3{font-size:22px;font-weight:600;color:#111827;margin-top:32px;margin-bottom:16px;line-height:1.4}.article-body .trix-content p,.article-body action-text-content p{font-size:18px;line-height:1.8;color:#4b5563;margin-bottom:24px}.article-body .trix-content ul,.article-body action-text-content ul{margin-bottom:24px;padding-left:32px}.article-body .trix-content li,.article-body action-text-content li{font-size:18px;line-height:1.8;color:#4b5563;margin-bottom:12px}.article-body .trix-content strong,.article-body action-text-content strong{font-weight:600;color:#111827}.article-body .trix-content a,.article-body action-text-content a{color:#FF6600;text-decoration:none;font-weight:500;transition:color 0.2s}.article-body .trix-content a:hover,.article-body action-text-content a:hover{color:#cc5200;text-decoration:underline}.article-body .trix-content a.embedded-ship-note,.article-body .trix-content a.embedded-ship-note:hover,.article-body .trix-content a.embedded-ship-note:focus{color:inherit;text-decoration:none}.article-body .trix-content a.embedded-ship-note *,.article-body .trix-content a.embedded-ship-note:hover *{text-decoration:none}.article-body action-text-attachment{display:block}.article-body .trix-content img,.article-body action-text-content img{max-width:100%;height:auto;border-radius:8px;margin:0;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}.article-body .trix-content figcaption,.article-body action-text-content figcaption{font-size:14px;color:#6b7280;text-align:center;margin-top:8px;font-style:italic}.trix-embed-placeholder{padding:16px 20px;background:linear-gradient(135deg, #f8f9fb 0%, #f0f1f5 100%);border:1px solid #d4d6de;border-radius:10px;cursor:default;user-select:none;line-height:1.6}.trix-embed-placeholder .fa-circle-play{font-size:22px;color:#6366f1;vertical-align:middle;margin-right:4px}.trix-embed-placeholder strong{font-size:15px;color:#18181b;vertical-align:middle}.trix-embed-placeholder small{font-size:12px;color:#71717a}.trix-embed-rendered{margin:1em 0}.trix-embed-rendered iframe{border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}.article-hero{position:relative;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto}.hero-breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.article-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.article-h1{font-weight:800;line-height:1.1;margin:0;flex:1}.edit-article-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all 0.2s;flex-shrink:0}.edit-article-btn svg{width:14px;height:14px}.article-meta-row{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:500}.page-container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:10}body.learning-page:not(.product-updates-page):not(.blog-page) .page-container{display:grid;grid-template-columns:1fr;gap:40px}@media (min-width: 901px){body.learning-page:not(.product-updates-page):not(.blog-page) .page-container{grid-template-columns:minmax(0, 1fr) 280px}}.article-layout{display:grid;grid-template-columns:1fr;gap:48px;max-width:1200px;margin:0 auto;padding:48px 24px}@media (min-width: 901px){.article-layout{grid-template-columns:minmax(0, 1fr) 280px}}@media (max-width: 900px){.article-layout{grid-template-columns:1fr;gap:32px}}.article-content{min-width:0}.article-body{line-height:1.75}.article-body p{margin-bottom:1.5em}.article-body ul,.article-body ol{margin-bottom:1.5em;padding-left:24px}.article-body li{margin-bottom:0.5em}@media (min-width: 901px){.sidebar,.article-sidebar{position:sticky;top:80px;align-self:start}}@media (max-width: 768px){.article-h1{font-size:24px}.article-layout{padding:32px 20px}}@media (max-width: 600px){.article-layout{padding:24px 16px}}.learning-content-page{max-width:800px;margin:20px auto 60px;padding:0 20px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.learning-breadcrumb-container{display:none}.learning-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.breadcrumb-link{color:#666;text-decoration:none;transition:color 0.2s}.breadcrumb-link:hover{color:#FF6600;text-decoration:underline}.breadcrumb-separator{color:#999;user-select:none}.breadcrumb-current{color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.learning-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:16px}.learning-badge.challenge{background:#FF6600;color:white}.learning-badge.learning-bite{background:#1a1a1a;color:white}.learning-content-page h1{font-size:36px;font-weight:900;line-height:1.2;color:#1a1a1a;margin:0 0 24px 0}.learning-meta{display:flex;gap:20px;color:#666;font-size:14px;margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid #eee}.learning-meta-item{display:flex;align-items:center;gap:6px}.content-body{font-size:17px;line-height:1.7;color:#333}.content-body h2{font-size:26px;font-weight:700;margin:40px 0 16px 0;color:#1a1a1a;border-bottom:2px solid #FF6600;padding-bottom:8px}.content-body h3{font-size:20px;font-weight:700;margin:32px 0 12px 0;color:#333}.content-body p{margin-bottom:16px}.content-body ul{margin:16px 0;padding-left:28px}.content-body li{margin-bottom:6px;line-height:1.6}.content-body strong{font-weight:700;color:#1a1a1a}.media-container{margin:32px 0;background:#f5f5f5;border-radius:8px;overflow:hidden}.video-embed{position:relative;padding-bottom:56.25%;height:0}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.placeholder-notice{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:20px;margin:24px 0;color:#856404}.placeholder-notice h3{margin:0 0 8px 0;font-size:16px;font-weight:700}.placeholder-notice p{margin:0;font-size:14px;line-height:1.5}.footer-cta{margin-top:60px;padding:32px;background:#f9f9f9;border-radius:8px;text-align:center;border:2px solid #eee}.footer-cta h3{font-size:22px;font-weight:700;margin:0 0 8px 0;color:#1a1a1a}.footer-cta p{font-size:15px;color:#666;margin:0 0 20px 0}.footer-cta .btn{display:inline-block;background:#FF6600;color:white;padding:12px 32px;border-radius:6px;text-decoration:none;font-weight:700;font-size:15px;transition:background 0.2s}.footer-cta .btn:hover{background:#e55a00}.success-criteria-box{background:#e8f5e9;border-left:4px solid #4caf50;padding:24px;margin:32px 0;border-radius:4px}.success-criteria-box h2{font-size:20px;font-weight:700;color:#2e7d32;margin:0 0 16px 0;border:none;padding:0}.learning-index-page{max-width:none;margin:0;padding:0;background:#f8fafc;min-height:100vh;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.learning-hero{background-color:#111827;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23FF6600' stroke-opacity='0.08' stroke-width='1' d='M0 20 Q25 18 50 20 T100 20 M0 35 Q25 33 50 35 T100 35 M0 50 Q25 48 50 50 T100 50 M0 65 Q25 63 50 65 T100 65 M0 80 Q25 78 50 80 T100 80'/%3E%3C/svg%3E");color:white;text-align:center;padding:100px 40px 120px;margin-bottom:0;margin-top:0;border-bottom:none;position:relative}.hero-eyebrow{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;color:#FF6600;margin-bottom:16px}.eyebrow-separator{margin:0 8px;opacity:0.6}.learning-hero h1{font-size:48px;font-weight:800;color:white;margin:0 0 16px 0}.learning-hero-subtitle{font-size:18px;color:#d1d5db;margin:0 auto;max-width:700px;line-height:1.6}.learning-section{margin-bottom:60px;margin-top:40px}.section-header{margin-bottom:32px}.section-title{font-size:28px;font-weight:800;color:#1a1a1a;margin:0 0 8px 0;display:flex;align-items:center;gap:12px}.section-icon{font-size:32px}.section-description{font-size:16px;color:#666;margin:0}.learning-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:24px;max-width:1600px;margin:40px auto 60px;padding:0 40px;position:relative;z-index:5}.learning-card{background:white;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;color:inherit;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);display:block;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.learning-card:hover{border-color:#FF6600;transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}.card-hero{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;border-radius:12px 12px 0 0;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.card-hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.card-hero.no-thumbnail[data-category="training"]{background:linear-gradient(135deg, #4A90E2 0%, #357ABD 100%)}.card-hero.no-thumbnail[data-category="nutrition"]{background:linear-gradient(135deg, #7ED321 0%, #5FA319 100%)}.card-hero.no-thumbnail[data-category="recovery"]{background:linear-gradient(135deg, #f60 0%, #CC5200 100%)}.card-hero.no-thumbnail[data-category="mindset"]{background:linear-gradient(135deg, #9013FE 0%, #6A0DAD 100%)}.card-hero.no-thumbnail[data-category="gear"]{background:linear-gradient(135deg, #50555C 0%, #35393E 100%)}.card-hero.no-thumbnail{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.card-badge-overlay{position:absolute;top:16px;left:16px;padding:6px 14px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:white;background:rgba(0,0,0,0.7);z-index:2}.card-hero[data-category="training"] .card-badge-overlay{background:#4A90E2}.card-hero[data-category="nutrition"] .card-badge-overlay{background:#7ED321}.card-hero[data-category="recovery"] .card-badge-overlay{background:#FF6600}.card-hero[data-category="mindset"] .card-badge-overlay{background:#9013FE}.card-hero[data-category="gear"] .card-badge-overlay{background:#50555C}.card-content{padding:20px}.learning-card.challenge-card{border-color:#FFE5CC;background:linear-gradient(135deg, #FFF9F0 0%, #fff 100%)}.learning-card.challenge-card:hover{border-color:#FF6600}.card-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:16px}.card-badge.challenge{background:#FF6600;color:white}.card-title{font-size:17px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{font-size:14px;color:#666;line-height:1.5;margin:12px 0 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font-size:13px;color:#999;margin-bottom:12px;font-weight:500}.learning-empty-state{text-align:center;padding:80px 20px}.learning-empty-state h2{font-size:24px;font-weight:700;color:#333;margin:0 0 12px 0}.learning-empty-state p{font-size:16px;color:#666;margin:0}.learning-search-container{max-width:600px;margin:0 auto;padding:0 40px;position:relative;z-index:5}.learning-search-box{display:flex;gap:0;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:12px;overflow:hidden;box-shadow:0 10px 25px -5px rgba(0,0,0,0.3);transition:all 0.3s}.learning-search-box:focus-within{background:rgba(255,255,255,0.15);border-color:#FF6600;box-shadow:0 0 0 3px rgba(255,102,0,0.2),0 10px 25px -5px rgba(0,0,0,0.3)}.learning-search-input{flex:1;padding:16px 20px;font-size:15px;border:none;outline:none;background:transparent;color:white}.learning-search-input::placeholder{color:rgba(255,255,255,0.6)}.learning-search-btn{padding:16px 32px;background:#FF6600;color:white;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:background 0.2s;white-space:nowrap}.learning-search-btn:hover{background:#e55a00}.learning-filters-section{background:white;border-radius:24px;margin:-80px auto 40px;padding:32px 40px 40px;max-width:1600px;position:relative;z-index:10;box-shadow:0 -10px 40px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05)}.learning-filter-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;justify-content:center}.filter-pill{display:inline-block;background:#f1f5f9;color:#64748b;padding:10px 20px;border-radius:24px;font-size:14px;font-weight:600;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:all 0.2s ease}.filter-pill:hover{background:#e2e8f0;color:#475569;transform:translateY(-1px)}.filter-pill--active{background:#FF6600;color:white;border-color:#FF6600;box-shadow:0 4px 12px rgba(255,102,0,0.3)}.filter-pill--active:hover{background:#e55a00;transform:translateY(-1px)}.learning-topic-pills{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb;justify-content:flex-start;align-items:center}.learning-topic-pills::before{content:'POPULAR TAGS:';font-size:11px;font-weight:700;letter-spacing:0.1em;color:#9ca3af;margin-right:8px}.topic-pill{display:inline-block;padding:0;background:transparent;border:none;font-size:14px;font-weight:400;color:#6b7280;text-decoration:none;transition:color 0.2s}.topic-pill:hover{color:#FF6600}.topic-pill--active{color:#FF6600;font-weight:600}.learning-results-bar{max-width:1200px;margin:0 auto 24px;padding:0 20px}.results-count{font-size:14px;color:#666;padding:12px 0;border-bottom:1px solid #e1e8ed}.results-count strong{color:#333;font-weight:600}.clear-filters-link{color:#FF6600;text-decoration:none;font-weight:500;margin-left:4px}.clear-filters-link:hover{text-decoration:underline}.learning-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:60px;padding:32px 0;border-top:2px solid #e1e8ed}.pagination-btn{display:inline-block;padding:10px 20px;background:white;border:2px solid #e1e8ed;border-radius:6px;color:#333;text-decoration:none;font-weight:600;font-size:15px;transition:all 0.2s}.pagination-btn:hover{border-color:#FF6600;background:#FFF9F0;color:#FF6600}.pagination-info{font-size:15px;color:#666;font-weight:500}@media (max-width: 768px){.learning-grid{grid-template-columns:1fr}.learning-hero{padding:32px 20px}.learning-hero h1{font-size:32px}.learning-hero-subtitle{font-size:16px}.section-title{font-size:24px}.learning-search-container{padding:0 16px}.learning-search-btn{padding:14px 20px}.learning-filters-section{padding:0 16px}.learning-filter-pills{gap:8px}.filter-pill{padding:8px 16px;font-size:13px}.learning-topic-pills{gap:6px}.topic-pill{padding:6px 12px;font-size:12px}.learning-results-bar{padding:0 16px}.results-count{font-size:13px}.learning-pagination{flex-direction:column;gap:16px;padding:24px 0}.pagination-btn{width:100%;text-align:center}}body.learning-page:not(.product-updates-page):not(.blog-page) .article-hero{background-color:#111827;color:white;padding:100px 20px 160px;text-align:center}body.learning-page:not(.product-updates-page):not(.blog-page) .article-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.3;background-image:url("data:image/svg+xml,%3Csvg width='100' height='60' viewBox='0 0 100 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 30 Q 25 40 50 30 T 100 30 V 60 H 0 Z' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='2'/%3E%3C/svg%3E");background-size:200px 120px;pointer-events:none}body.learning-page:not(.product-updates-page):not(.blog-page) .hero-breadcrumb{justify-content:center;margin-bottom:32px;font-weight:600;letter-spacing:0.1em}body.learning-page:not(.product-updates-page):not(.blog-page) .hero-breadcrumb .breadcrumb-link{color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.2s}body.learning-page:not(.product-updates-page):not(.blog-page) .hero-breadcrumb .breadcrumb-link:hover{color:rgba(255,255,255,0.9)}body.learning-page:not(.product-updates-page):not(.blog-page) .hero-breadcrumb .breadcrumb-separator{color:rgba(255,255,255,0.4)}body.learning-page:not(.product-updates-page):not(.blog-page) .hero-breadcrumb .breadcrumb-current{color:#FF6600;font-weight:700}body.learning-page:not(.product-updates-page):not(.blog-page) .article-title-row{gap:20px;margin-bottom:24px}body.learning-page:not(.product-updates-page):not(.blog-page) .article-h1{font-size:2.5rem;line-height:1.2;margin-bottom:0;color:white}@media (min-width: 768px){body.learning-page:not(.product-updates-page):not(.blog-page) .article-h1{font-size:3.5rem}}body.learning-page:not(.product-updates-page):not(.blog-page) .edit-article-btn{background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);color:white;font-size:14px;margin-top:8px}body.learning-page:not(.product-updates-page):not(.blog-page) .edit-article-btn svg{width:16px;height:16px;opacity:0.9}body.learning-page:not(.product-updates-page):not(.blog-page) .edit-article-btn:hover{background:rgba(255,102,0,0.9);border-color:#ff6600;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,102,0,0.3)}@media (max-width: 767px){body.learning-page:not(.product-updates-page):not(.blog-page) .edit-article-btn{font-size:0;padding:10px}body.learning-page:not(.product-updates-page):not(.blog-page) .edit-article-btn svg{margin:0}}body.learning-page:not(.product-updates-page):not(.blog-page) .article-meta-row{justify-content:center;gap:10px;font-size:0.95rem;color:rgba(255,255,255,0.8)}body.learning-page:not(.product-updates-page):not(.blog-page) .article-meta-row .author-avatar{width:40px;height:40px;border-radius:50%;background:#374151;border:2px solid #FF6600;flex-shrink:0}body.learning-page:not(.product-updates-page):not(.blog-page) .article-meta-row .author-name{font-weight:500}body.learning-page:not(.product-updates-page):not(.blog-page) .article-meta-row .meta-separator{color:rgba(255,255,255,0.5)}body.learning-page:not(.product-updates-page):not(.blog-page) .page-container{margin-top:-100px}body.learning-page:not(.product-updates-page):not(.blog-page) .media-container{grid-column:1 / -1;background:black;border-radius:16px;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);aspect-ratio:16 / 9;position:relative;cursor:pointer}body.learning-page:not(.product-updates-page):not(.blog-page) .media-container.video-loaded{cursor:default}body.learning-page:not(.product-updates-page):not(.blog-page) .media-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}body.learning-page:not(.product-updates-page):not(.blog-page) .video-thumbnail{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}body.learning-page:not(.product-updates-page):not(.blog-page) .play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80px;height:80px;background:rgba(255,102,0,0.95);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:5}body.learning-page:not(.product-updates-page):not(.blog-page) .play-button-overlay:hover{transform:translate(-50%, -50%) scale(1.1);background:#ff6600;box-shadow:0 8px 20px rgba(255,102,0,0.4)}body.learning-page:not(.product-updates-page):not(.blog-page) .play-button-overlay::after{content:'';width:0;height:0;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent white;margin-left:4px}body.learning-page:not(.product-updates-page):not(.blog-page) .play-button-overlay.hidden{display:none}body.learning-page:not(.product-updates-page):not(.blog-page) .article-body{background:white;padding:40px;border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,0.05);border:1px solid #e5e7eb}body.learning-page:not(.product-updates-page):not(.blog-page) .article-body.prose{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:1.125rem;color:#374151;line-height:1.7}body.learning-page:not(.product-updates-page):not(.blog-page) .article-body.prose h2{font-size:1.75rem;font-weight:700;margin-top:2.5rem;margin-bottom:1rem;color:#111827;border-bottom:3px solid rgba(255,102,0,0.2);display:inline-block;padding-bottom:4px}body.learning-page:not(.product-updates-page):not(.blog-page) .article-body.prose p{margin-bottom:1.5rem;line-height:1.8}body.learning-page:not(.product-updates-page):not(.blog-page) .article-body.prose ul,body.learning-page:not(.product-updates-page):not(.blog-page) .article-body.prose ol{margin-bottom:1.5rem;padding-left:1.5rem}body.learning-page:not(.product-updates-page):not(.blog-page) .article-body.prose ul li{margin-bottom:0.5rem;position:relative;list-style:none;line-height:1.6}body.learning-page:not(.product-updates-page):not(.blog-page) .article-body.prose ul li::before{content:"•";color:#FF6600;font-weight:bold;position:absolute;left:-1.2em;font-size:1.2em}body.learning-page:not(.product-updates-page):not(.blog-page) .article-body.prose ol{list-style:decimal;padding-left:1.75rem}body.learning-page:not(.product-updates-page):not(.blog-page) .article-body.prose ol li{margin-bottom:0.5rem;line-height:1.6;padding-left:0.25rem}body.learning-page:not(.product-updates-page):not(.blog-page) .article-body.prose ol li::marker{color:#FF6600;font-weight:600}body.learning-page:not(.product-updates-page):not(.blog-page) .sidebar{display:none}@media (min-width: 901px){body.learning-page:not(.product-updates-page):not(.blog-page) .sidebar{display:block}}body.learning-page:not(.product-updates-page):not(.blog-page) .sidebar-sticky-container{align-self:flex-start}body.learning-page:not(.product-updates-page):not(.blog-page) .sticky-widget{background:white;border:1px solid #e5e7eb;border-radius:16px;padding:24px}body.learning-page:not(.product-updates-page):not(.blog-page) .sticky-widget:not(:last-child){margin-bottom:20px}body.learning-page:not(.product-updates-page):not(.blog-page) .widget-title{font-size:0.9rem;text-transform:uppercase;letter-spacing:0.05em;color:#6b7280;margin-bottom:16px;font-weight:800}body.learning-page:not(.product-updates-page):not(.blog-page) .toc-list{padding-left:0}body.learning-page:not(.product-updates-page):not(.blog-page) .toc-list li{list-style:none;margin-bottom:12px}body.learning-page:not(.product-updates-page):not(.blog-page) .toc-list li::before{display:none}body.learning-page:not(.product-updates-page):not(.blog-page) .toc-link{text-decoration:none;color:#1f2937;font-size:0.95rem;transition:all 0.2s;display:block;padding-left:10px;border-left:2px solid transparent}body.learning-page:not(.product-updates-page):not(.blog-page) .toc-link:hover{color:#FF6600;border-left-color:#FF6600}body.learning-page:not(.product-updates-page):not(.blog-page) .toc-link.active{color:#FF6600;border-left-color:#FF6600;font-weight:600}body.learning-page:not(.product-updates-page):not(.blog-page) .related-articles-widget{margin-top:0;border-color:transparent;background:#f3f4f6}body.learning-page:not(.product-updates-page):not(.blog-page) .related-article-item{display:flex;gap:10px;margin-bottom:16px;align-items:center;text-decoration:none;transition:opacity 0.2s}body.learning-page:not(.product-updates-page):not(.blog-page) .related-article-item:hover{opacity:0.8}body.learning-page:not(.product-updates-page):not(.blog-page) .related-article-item:last-child{margin-bottom:0}body.learning-page:not(.product-updates-page):not(.blog-page) .related-thumbnail{width:60px;height:60px;background-color:#ddd;background-size:cover;background-position:center;border-radius:8px;flex-shrink:0}body.learning-page:not(.product-updates-page):not(.blog-page) .related-thumbnail-empty{background:linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%)}body.learning-page:not(.product-updates-page):not(.blog-page) .related-title{font-size:0.9rem;font-weight:600;line-height:1.3;color:#1f2937}body.learning-page:not(.product-updates-page):not(.blog-page) .placeholder-notice{background:#fef3c7;border:2px solid #f59e0b;border-radius:8px;padding:20px;margin-bottom:30px}body.learning-page:not(.product-updates-page):not(.blog-page) .placeholder-notice h3{color:#92400e;font-size:1.1rem;margin-bottom:10px;margin-top:0}body.learning-page:not(.product-updates-page):not(.blog-page) .placeholder-notice p{color:#78350f;margin-bottom:0}body.learning-page:not(.product-updates-page):not(.blog-page) .success-criteria-box{background:#f0fdf4;border:2px solid #10b981;border-radius:8px;padding:30px;margin:40px 0}body.learning-page:not(.product-updates-page):not(.blog-page) .success-criteria-box h2{color:#065f46;font-size:1.3rem;margin-top:0;margin-bottom:15px;border:none;display:block;padding-bottom:0}body.learning-page:not(.product-updates-page):not(.blog-page) .cta-box{background:linear-gradient(135deg, #fff7ed 0%, #fff 100%);border:1px solid #fed7aa;padding:40px 30px;border-radius:16px;margin:40px 0;text-align:center;max-width:600px;margin-left:auto;margin-right:auto}body.learning-page:not(.product-updates-page):not(.blog-page) .cta-title{font-weight:800;font-size:1.5rem;margin-bottom:12px;color:#9a3412;line-height:1.3}body.learning-page:not(.product-updates-page):not(.blog-page) .cta-btn{background:#FF6600;color:white;padding:12px 24px;border-radius:50px;text-decoration:none;font-weight:700;display:inline-block;margin-top:16px;transition:transform 0.2s}body.learning-page:not(.product-updates-page):not(.blog-page) .cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,102,0,0.3)}@media (max-width: 768px){body.learning-page:not(.product-updates-page):not(.blog-page) .article-hero{padding:60px 20px 120px}body.learning-page:not(.product-updates-page):not(.blog-page) .article-h1{font-size:2rem}body.learning-page:not(.product-updates-page):not(.blog-page) .page-container{margin-top:-80px}body.learning-page:not(.product-updates-page):not(.blog-page) .article-body{padding:24px}body.learning-page:not(.product-updates-page):not(.blog-page) .article-body.prose{font-size:1rem}body.learning-page:not(.product-updates-page):not(.blog-page) .article-body.prose h2{font-size:1.5rem}}body.learning-page:not(.product-updates-page):not(.blog-page) .article-image-container{margin:0;text-align:center}body.learning-page:not(.product-updates-page):not(.blog-page) .article-image-container picture{display:block}body.learning-page:not(.product-updates-page):not(.blog-page) .article-image-container+figcaption,body.learning-page:not(.product-updates-page):not(.blog-page) .article-image-container figcaption{margin-top:0.5rem;margin-bottom:0}body.learning-page:not(.product-updates-page):not(.blog-page) .article-content-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);display:block;margin:0 auto}body.learning-page:not(.product-updates-page):not(.blog-page) .article-content-image[loading="lazy"]{opacity:0;animation:learningFadeIn 0.3s ease-in forwards}body.learning-page:not(.product-updates-page):not(.blog-page) .article-body .trix-content img,body.learning-page:not(.product-updates-page):not(.blog-page) .article-body action-text-content img,body.learning-page:not(.product-updates-page):not(.blog-page) .article-body img{margin:0}body.learning-page:not(.product-updates-page):not(.blog-page) .article-body figure.attachment,body.learning-page:not(.product-updates-page):not(.blog-page) .article-body action-text-attachment{margin:0}body.learning-page:not(.product-updates-page):not(.blog-page) .article-body figure.attachment figcaption,body.learning-page:not(.product-updates-page):not(.blog-page) .article-body action-text-attachment figcaption{margin-top:0.5rem;margin-bottom:0;font-size:0.9rem;color:#666;font-style:italic;text-align:center}@keyframes learningFadeIn{to{opacity:1}}@keyframes slideInFromLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes runnerPulse{0%,100%{transform:translateX(0);opacity:0.6}50%{transform:translateX(4px);opacity:1}}@keyframes strideMotion{0%{transform:scaleX(1)}50%{transform:scaleX(1.02)}100%{transform:scaleX(1)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.ship-page{background:#FAFAFA;min-height:100vh}@keyframes orbitPulse{0%,100%{transform:rotate(0deg) scale(1);opacity:0.6}50%{transform:rotate(3deg) scale(1.02);opacity:0.9}}@keyframes dotFloat{0%,100%{transform:translate(0, 0)}50%{transform:translate(10px, -10px)}}.ship-hero{position:relative;min-height:420px;padding:72px 24px 64px;overflow:hidden;background:linear-gradient(145deg, #fff 0%, #fff 40%, #FFF8F6 40%, #FFF8F6 50%, rgba(255,107,53,0.06) 50%, rgba(255,107,53,0.02) 100%)}.ship-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 10% 20%, rgba(255,107,53,0.15) 0%, transparent 50%),radial-gradient(ellipse at 90% 80%, rgba(78,205,196,0.1) 0%, transparent 45%);pointer-events:none}.ship-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(90deg, #FF6B35 0%, #FF6B35 50%, #4ECDC4 100%)}.hero-graphic{position:absolute;top:50%;right:5%;transform:translateY(-50%);width:400px;height:400px;pointer-events:none}@media (max-width: 1100px){.hero-graphic{right:-5%;opacity:0.5}}@media (max-width: 768px){.hero-graphic{display:none}}.velocity-arc{position:absolute;border-radius:50%;border:3px solid transparent;animation:orbitPulse 4s ease-in-out infinite}.velocity-arc--1{width:300px;height:300px;top:50px;left:50px;border-color:rgba(255,107,53,0.25);border-right-color:transparent;border-bottom-color:transparent;animation-delay:0s}.velocity-arc--2{width:220px;height:220px;top:90px;left:90px;border-color:rgba(78,205,196,0.3);border-right-color:transparent;border-bottom-color:transparent;animation-delay:0.5s}.velocity-arc--3{width:140px;height:140px;top:130px;left:130px;border-color:rgba(255,107,53,0.4);border-right-color:transparent;border-bottom-color:transparent;animation-delay:1s}.velocity-dot{position:absolute;border-radius:50%;animation:dotFloat 3s ease-in-out infinite}.velocity-dot--1{width:12px;height:12px;background:#FF6B35;top:60px;left:180px;box-shadow:0 0 20px rgba(255,107,53,0.5)}.velocity-dot--2{width:8px;height:8px;background:#4ECDC4;top:200px;left:320px;animation-delay:1.5s;box-shadow:0 0 15px rgba(78,205,196,0.5)}.ship-hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#FF6B35;margin-bottom:24px;animation:slideInFromLeft 0.5s ease-out}.hero-eyebrow::before{content:'→';display:inline-block;font-size:14px;animation:runnerPulse 1.5s ease-in-out infinite}.hero-eyebrow .eyebrow-separator{color:#9CA3AF}.ship-hero h1{font-family:-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;font-size:clamp(44px, 7vw, 72px);font-weight:800;letter-spacing:-2px;line-height:1.05;color:#1A1A1A;margin:0 0 24px;max-width:650px;animation:fadeInUp 0.6s ease-out 0.1s backwards}.ship-hero h1 .hero-highlight{color:#FF6B35;position:relative;display:inline-block}.ship-hero h1 .hero-highlight::after{content:'';position:absolute;bottom:6px;left:-4px;right:-4px;height:12px;background:linear-gradient(90deg, rgba(255,107,53,0.2), rgba(255,107,53,0.1));border-radius:4px;z-index:-1}.ship-hero-subtitle{font-size:19px;line-height:1.7;color:#6B7280;max-width:520px;margin:0;animation:fadeInUp 0.6s ease-out 0.2s backwards}.ship-velocity-stats{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px;max-width:600px;margin-top:48px;padding:28px 0;border-top:2px solid #E5E7EB;border-bottom:2px solid #E5E7EB}@media (max-width: 600px){.ship-velocity-stats{grid-template-columns:repeat(2, 1fr)}}.velocity-stat{animation:countUp 0.5s ease-out backwards;position:relative;padding-left:16px}.velocity-stat::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:3px;background:linear-gradient(180deg, #FF6B35, rgba(255,107,53,0.3));border-radius:2px}.velocity-stat:nth-child(1){animation-delay:0.4s}.velocity-stat:nth-child(2){animation-delay:0.5s}.velocity-stat:nth-child(3){animation-delay:0.6s}.velocity-stat:nth-child(4){animation-delay:0.7s}.velocity-stat:nth-child(2)::before,.velocity-stat:nth-child(4)::before{background:linear-gradient(180deg, #4ECDC4, rgba(78,205,196,0.3))}.velocity-number{font-family:-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;font-size:40px;font-weight:800;letter-spacing:-1.5px;color:#1A1A1A;line-height:1;margin-bottom:8px}.velocity-number .velocity-suffix{font-size:20px;color:#FF6B35;margin-left:2px;font-weight:800}.velocity-label{font-size:11px;font-weight:700;color:#9CA3AF;text-transform:uppercase;letter-spacing:1px}.ship-filters{max-width:1200px;margin:0 auto;padding:32px 24px 24px;background:#FFFFFF;border-bottom:1px solid #E5E7EB}.ship-filter-pills{display:flex;gap:10px;flex-wrap:wrap}.ship-filter-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#FAFAFA;border:1px solid #E5E7EB;border-radius:20px;font-size:14px;font-weight:500;color:#6B7280;text-decoration:none;transition:all 0.2s ease}.ship-filter-pill:hover{background:#FFFFFF;border-color:#D1D5DB;color:#1A1A1A}.ship-filter-pill--active{background:#FF6B35;border-color:#FF6B35;color:white}.ship-filter-pill--active:hover{background:#FF8A5B;border-color:#FF8A5B;color:white}.ship-filter-pill--active .filter-count{background:rgba(255,255,255,0.25);color:white}.ship-filter-pill .filter-count{background:#E5E7EB;color:#9CA3AF;font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px;transition:all 0.2s ease}.ship-timeline{max-width:1200px;margin:0 auto;padding:0 24px 48px;background:#FFFFFF}.ship-timeline-group{padding-top:40px}.ship-timeline-group:first-child{padding-top:32px}.ship-timeline-date{font-size:14px;font-weight:700;color:#9CA3AF;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #E5E7EB}.ship-timeline-date::before{content:'';display:inline-block;width:16px;height:3px;background:#FF6B35;border-radius:2px;margin-right:12px;vertical-align:middle}.ship-timeline-entries{display:grid;grid-template-columns:repeat(auto-fill, minmax(340px, 1fr));gap:20px;align-items:start}.ship-timeline-entry{animation:fadeInUp 0.4s ease-out backwards}.ship-timeline-entry:nth-child(1){animation-delay:0.05s}.ship-timeline-entry:nth-child(2){animation-delay:0.1s}.ship-timeline-entry:nth-child(3){animation-delay:0.15s}.ship-timeline-entry:nth-child(4){animation-delay:0.2s}.ship-timeline-entry:nth-child(5){animation-delay:0.25s}.ship-timeline-entry:nth-child(6){animation-delay:0.3s}.ship-card{display:block;background:#FFFFFF;border:1px solid #E5E7EB;border-radius:12px;padding:24px;text-decoration:none;transition:all 0.25s ease;position:relative;overflow:hidden}.ship-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:#FF6B35;transform:scaleY(0);transform-origin:bottom;transition:transform 0.25s ease}.ship-card:hover{border-color:#D1D5DB;box-shadow:0 4px 12px rgba(0,0,0,0.08);transform:translateY(-2px)}.ship-card:hover::before{transform:scaleY(1)}.ship-card:hover .ship-card-title{color:#FF6B35}.ship-card:hover .ship-card-arrow svg{transform:translateX(4px)}.ship-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ship-category-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase}.ship-category-badge--feature{background:rgba(59,130,246,0.1);color:#3B82F6}.ship-category-badge--fix{background:rgba(249,115,22,0.1);color:#F97316}.ship-category-badge--improvement{background:rgba(16,185,129,0.1);color:#10B981}.ship-category-badge--infrastructure{background:rgba(139,92,246,0.1);color:#8B5CF6}.ship-category-badge--default{background:rgba(78,205,196,0.1);color:#4ECDC4}.ship-date{font-size:13px;color:#9CA3AF;font-weight:500}.ship-card-title{font-size:18px;font-weight:700;color:#1A1A1A;line-height:1.35;margin:0 0 10px;transition:color 0.2s ease}.ship-card-excerpt{font-size:14px;line-height:1.6;color:#6B7280;margin:0}.ship-card-footer{margin-top:16px;padding-top:16px;border-top:1px solid #E5E7EB}.ship-card-arrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#FF6B35}.ship-card-arrow svg{width:16px;height:16px;transition:transform 0.2s ease}.ship-empty{text-align:center;padding:80px 24px;background:#FFFFFF;max-width:1200px;margin:0 auto}.ship-empty i{font-size:48px;color:#FF6B35;margin-bottom:20px;opacity:0.6}.ship-empty h2{font-size:24px;font-weight:700;color:#1A1A1A;margin:0 0 8px}.ship-empty p{font-size:16px;color:#6B7280;margin:0;max-width:400px;margin:0 auto}.ship-pagination{display:flex;align-items:center;justify-content:center;gap:24px;padding:40px 24px;background:#FFFFFF;max-width:1200px;margin:0 auto;border-top:1px solid #E5E7EB}.pagination-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#FAFAFA;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;font-weight:600;color:#6B7280;text-decoration:none;transition:all 0.2s ease}.pagination-link:hover{background:#FFFFFF;border-color:#FF6B35;color:#FF6B35}.pagination-link svg{width:16px;height:16px}.pagination-info{font-size:14px;color:#9CA3AF}.ship-cta{text-align:center;padding:64px 24px;background:linear-gradient(135deg, #FFF8F6 0%, #FFF3EE 100%);position:relative}.ship-cta::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:3px;background:#FF6B35;border-radius:2px}.ship-cta h3{font-size:24px;font-weight:700;color:#1A1A1A;margin:0 0 8px}.ship-cta p{font-size:16px;color:#6B7280;margin:0 0 24px;line-height:1.6}.ship-cta .btn--primary{display:inline-flex;align-items:center;gap:8px;background:#FF6B35;color:white;border:none;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;transition:all 0.2s ease}.ship-cta .btn--primary:hover{background:#FF8A5B;transform:translateY(-2px);box-shadow:0 4px 14px rgba(255,107,53,0.25)}.ship-cta .btn--primary svg{width:16px;height:16px}@keyframes speedStreak{0%{transform:translateX(-100%) scaleX(0.3);opacity:0}50%{opacity:1}100%{transform:translateX(200%) scaleX(1);opacity:0}}@keyframes shipPulseGlow{0%,100%{opacity:0.4}50%{opacity:0.7}}@keyframes slideInTitle{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}body.product-updates-page .article-hero{min-height:280px;padding:48px 24px 56px;background:linear-gradient(135deg, #fff 0%, #fff 45%, #FFF8F6 45%, #FFF8F6 55%, rgba(255,107,53,0.08) 55%, rgba(255,107,53,0.03) 100%)}body.product-updates-page .article-hero::before{background:radial-gradient(ellipse at 0% 0%, rgba(255,107,53,0.12) 0%, transparent 50%),radial-gradient(ellipse at 100% 100%, rgba(78,205,196,0.08) 0%, transparent 40%);pointer-events:none}body.product-updates-page .article-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #FF6B35 0%, #FF6B35 60%, rgba(78,205,196,0.6) 100%)}body.product-updates-page .hero-bg-pattern{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}body.product-updates-page .hero-bg-pattern::before,body.product-updates-page .hero-bg-pattern::after{content:'';position:absolute;height:2px;background:linear-gradient(90deg, transparent, rgba(255,107,53,0.4), transparent);animation:speedStreak 3s ease-in-out infinite}body.product-updates-page .hero-bg-pattern::before{top:30%;left:0;width:200px;animation-delay:0s}body.product-updates-page .hero-bg-pattern::after{top:60%;left:0;width:150px;animation-delay:1.5s}body.product-updates-page .breadcrumb-link{color:#9CA3AF;text-decoration:none;transition:all 0.2s ease;position:relative}body.product-updates-page .breadcrumb-link:hover{color:#FF6B35}body.product-updates-page .breadcrumb-separator{color:#D1D5DB;font-size:10px}body.product-updates-page .article-hero .ship-category-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:4px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;position:relative}body.product-updates-page .article-hero .ship-category-badge::after{content:'';position:absolute;inset:0;border-radius:4px;opacity:0;transition:opacity 0.3s ease}body.product-updates-page .article-hero .ship-category-badge--feature{background:linear-gradient(135deg, #3B82F6 0%, #0b63f3 100%);color:white;box-shadow:0 4px 12px rgba(59,130,246,0.3)}body.product-updates-page .article-hero .ship-category-badge--feature::after{box-shadow:0 0 20px rgba(59,130,246,0.5)}body.product-updates-page .article-hero .ship-category-badge--fix{background:linear-gradient(135deg, #F97316 0%, #d65b06 100%);color:white;box-shadow:0 4px 12px rgba(249,115,22,0.3)}body.product-updates-page .article-hero .ship-category-badge--improvement{background:linear-gradient(135deg, #10B981 0%, #0c8a60 100%);color:white;box-shadow:0 4px 12px rgba(16,185,129,0.3)}body.product-updates-page .article-hero .ship-category-badge--infrastructure{background:linear-gradient(135deg, #8B5CF6 0%, #692cf3 100%);color:white;box-shadow:0 4px 12px rgba(139,92,246,0.3)}body.product-updates-page .article-hero .ship-category-badge--default{background:linear-gradient(135deg, #4ECDC4 0%, #33b5ac 100%);color:white;box-shadow:0 4px 12px rgba(78,205,196,0.3)}body.product-updates-page .article-h1{font-family:-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;font-size:clamp(32px, 6vw, 52px);letter-spacing:-1.5px;color:#1A1A1A;animation:slideInTitle 0.6s ease-out;text-shadow:0 2px 4px rgba(0,0,0,0.04)}body.product-updates-page .edit-article-btn{background:white;border:2px solid #E5E7EB;color:#6B7280;box-shadow:0 1px 3px rgba(0,0,0,0.05)}body.product-updates-page .edit-article-btn:hover{background:#FFFFFF;border-color:#FF6B35;color:#FF6B35}body.product-updates-page .article-meta-row{flex-wrap:wrap;color:#6B7280;padding-top:16px;border-top:1px solid rgba(0,0,0,0.06);margin-top:4px}body.product-updates-page .article-meta-row span:last-child{display:inline-flex;align-items:center;gap:6px}body.product-updates-page .article-meta-row span:last-child::before{content:'';display:inline-block;width:8px;height:8px;background:#FF6B35;border-radius:50%;animation:shipPulseGlow 2s ease-in-out infinite}body.product-updates-page .meta-separator{color:#E5E7EB;font-size:8px}body.product-updates-page .page-container{display:block;max-width:none;padding:0;background:#FAFAFA}body.product-updates-page .ship-why-it-matters{position:relative;background:linear-gradient(135deg, #FFF3EE 0%, rgba(255,107,53,0.06) 100%);border:1px solid rgba(255,107,53,0.15);border-radius:12px;padding:28px;padding-left:32px;margin-bottom:32px}body.product-updates-page .ship-why-it-matters::before{content:'';position:absolute;top:16px;bottom:16px;left:0;width:4px;background:#FF6B35;border-radius:0 4px 4px 0}body.product-updates-page .ship-why-it-matters h2{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#FF6B35;margin:0 0 12px;display:flex;align-items:center;gap:6px}body.product-updates-page .ship-why-it-matters h2::before{content:'✦';font-size:10px}body.product-updates-page .ship-why-it-matters p{font-size:18px;font-weight:500;line-height:1.6;color:#1A1A1A;margin:0}body.product-updates-page .ship-impact-text{font-size:18px;font-weight:500;line-height:1.6;color:#1A1A1A;margin:0}body.product-updates-page .ship-learning-section{margin-bottom:32px}body.product-updates-page .ship-learning-section h2{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#9CA3AF;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #E5E7EB}body.product-updates-page .article-body{font-size:16px;color:#374151}body.product-updates-page .article-body strong{color:#1A1A1A;font-weight:600}body.product-updates-page .article-body code{background:#FAFAFA;padding:2px 6px;border-radius:4px;font-size:0.9em;color:#FF6B35}body.product-updates-page .article-body a{color:#FF6B35;text-decoration:underline;text-underline-offset:2px}body.product-updates-page .article-body a:hover{color:#FF8A5B}body.product-updates-page .article-media{margin-bottom:32px;border-radius:12px;overflow:hidden;border:1px solid #E5E7EB;box-shadow:0 1px 3px rgba(0,0,0,0.05)}body.product-updates-page .article-featured-image{width:100%;height:auto;display:block}body.product-updates-page .article-sidebar{display:flex;flex-direction:column;gap:20px}@media (max-width: 900px){body.product-updates-page .article-sidebar{order:-1}}body.product-updates-page .toc-card,body.product-updates-page .related-card,body.product-updates-page .cta-card{background:#FFFFFF;border:1px solid #E5E7EB;border-radius:12px;padding:20px}body.product-updates-page .toc-title,body.product-updates-page .related-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#9CA3AF;margin:0 0 14px}body.product-updates-page .toc-list,body.product-updates-page .related-list{list-style:none;padding:0;margin:0}body.product-updates-page .toc-list li,body.product-updates-page .related-list li{margin-bottom:10px}body.product-updates-page .toc-list li:last-child,body.product-updates-page .related-list li:last-child{margin-bottom:0}body.product-updates-page .toc-list a,body.product-updates-page .related-list a{font-size:14px;color:#6B7280;text-decoration:none;transition:color 0.2s ease}body.product-updates-page .toc-list a:hover,body.product-updates-page .related-list a:hover{color:#FF6B35}body.product-updates-page .related-link{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;text-decoration:none;padding:10px 0;border-bottom:1px solid #E5E7EB}body.product-updates-page .related-link:last-child{border-bottom:none;padding-bottom:0}body.product-updates-page .related-link:first-child{padding-top:0}body.product-updates-page .related-link:hover .related-link-title{color:#FF6B35}body.product-updates-page .related-link-title{flex:1;font-size:14px;font-weight:500;color:#1A1A1A;transition:color 0.2s ease}body.product-updates-page .related-link-date{font-size:12px;color:#9CA3AF;white-space:nowrap}body.product-updates-page .cta-card{text-align:center;background:linear-gradient(135deg, #fff 0%, #FFF3EE 100%)}body.product-updates-page .cta-card h3{font-size:16px;font-weight:700;color:#1A1A1A;margin:0 0 6px}body.product-updates-page .cta-card p{font-size:13px;color:#6B7280;margin:0 0 14px;line-height:1.5}body.product-updates-page .cta-card .btn--outline{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;font-weight:600;color:#6B7280;text-decoration:none;transition:all 0.2s ease}body.product-updates-page .cta-card .btn--outline:hover{border-color:#FF6B35;color:#FF6B35}body.product-updates-page .cta-card .btn--outline svg{width:14px;height:14px}@media (max-width: 768px){body.product-updates-page .article-h1{font-size:24px}body.product-updates-page .ship-why-it-matters{padding:20px;padding-left:24px}body.product-updates-page .ship-why-it-matters p{font-size:16px}body.product-updates-page .ship-impact-text{font-size:16px}}@media (max-width: 768px){.ship-hero{padding:60px 20px 48px}.ship-hero h1{font-size:32px;letter-spacing:-0.5px}.ship-hero-subtitle{font-size:16px}.ship-velocity-stats{grid-template-columns:repeat(2, 1fr);gap:20px;margin-top:32px;padding-top:24px}.velocity-number{font-size:28px}.ship-timeline-entries{grid-template-columns:1fr}.ship-card{padding:20px}}.ship-page+footer,.page-container+footer{margin-top:0}@keyframes heroSlide{from{opacity:0;transform:translateY(40px) skewY(2deg)}to{opacity:1;transform:translateY(0) skewY(0)}}@keyframes fadeSlideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes diagonalShift{0%,100%{transform:translateX(0) translateY(0)}50%{transform:translateX(15px) translateY(-8px)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes blogPulseGlow{0%,100%{opacity:0.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes floatShape{0%,100%{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-12px) rotate(2deg)}66%{transform:translateY(-6px) rotate(-1deg)}}@keyframes accentLine{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}body.blog-page{background:#FBF7F4}body.blog-page::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:0.025;pointer-events:none;z-index:0}.blog-index{position:relative;z-index:1;min-height:100vh;padding-bottom:100px}.blog-hero{position:relative;padding:80px 32px 72px;overflow:hidden;background:#FFFCF9}.blog-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, #FFFCF9 0%, #FFFCF9 45%, #FFF6F0 45%, #FFF6F0 55%, rgba(255,107,53,0.08) 55%, rgba(255,107,53,0.06) 100%);z-index:0}.blog-hero::after{content:'';position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(ellipse at center, rgba(255,107,53,0.15) 0%, rgba(255,127,107,0.08) 40%, transparent 70%);animation:blogPulseGlow 8s ease-in-out infinite;pointer-events:none;z-index:1}.blog-hero .hero-shapes{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.blog-hero .hero-shape{position:absolute;border-radius:50%}.blog-hero .hero-shape--1{top:15%;left:8%;width:80px;height:80px;background:linear-gradient(135deg, rgba(255,107,53,0.18), transparent);animation:floatShape 12s ease-in-out infinite}.blog-hero .hero-shape--2{bottom:20%;right:15%;width:120px;height:120px;background:linear-gradient(135deg, rgba(78,205,196,0.15), transparent);animation:floatShape 10s ease-in-out infinite 2s}.blog-hero .hero-shape--3{top:60%;left:20%;width:40px;height:40px;background:#E8D5C4;opacity:0.5;animation:floatShape 8s ease-in-out infinite 1s}.blog-hero .hero-accent-line{position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg, #FF6B35 0%, #FF7F6B 50%, #4ECDC4 100%);transform-origin:left;animation:accentLine 1s ease-out 0.5s both;z-index:10}.hero-eyebrow{position:relative;z-index:5;font-family:"Bricolage Grotesque", sans-serif;font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#FF6B35;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:16px;animation:fadeSlideUp 0.7s ease-out}.hero-eyebrow::before,.hero-eyebrow::after{content:'';width:40px;height:2px;background:linear-gradient(90deg, transparent, #FF6B35)}.hero-eyebrow::after{background:linear-gradient(90deg, #FF6B35, transparent)}.blog-hero h1{position:relative;z-index:5;font-family:"Bricolage Grotesque", sans-serif;font-size:clamp(42px, 7vw, 72px);font-weight:800;color:#0D0A08;margin:0 0 20px;letter-spacing:-2px;line-height:0.95;text-align:center;animation:heroSlide 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both}.blog-hero h1 .highlight{background:linear-gradient(135deg, #FF6B35 0%, #FF7F6B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero-subtitle{position:relative;z-index:5;font-family:"Newsreader", Georgia, serif;font-size:20px;font-weight:400;font-style:italic;color:#6B635C;margin:0 auto;max-width:520px;line-height:1.6;text-align:center;animation:fadeSlideUp 0.7s ease-out 0.3s both}.blog-featured-card{display:grid;grid-template-columns:1.5fr 1fr;max-width:1140px;margin:-24px auto 64px;padding:0 32px;text-decoration:none;animation:fadeSlideUp 0.8s ease-out 0.4s both}.blog-featured-card:hover .blog-featured-image::after{opacity:0.3}.blog-featured-card:hover .blog-featured-image img{transform:scale(1.05)}.blog-featured-card:hover .blog-featured-title{color:#FF6B35}.blog-featured-card:hover .blog-read-more{gap:14px}.blog-featured-card:hover .blog-read-more::after{transform:translateX(4px)}.blog-featured-image{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg, #F3EBE4, #E8D5C4);aspect-ratio:4/3;box-shadow:0 20px 60px rgba(13,10,8,0.12)}.blog-featured-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.7s cubic-bezier(0.16, 1, 0.3, 1)}.blog-featured-image::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,107,53,0.1) 0%, transparent 50%, rgba(13,10,8,0.1) 100%);opacity:0.5;transition:opacity 0.5s ease;pointer-events:none}.blog-update-badge{position:absolute;top:20px;left:20px;background:#FF6B35;color:white;padding:8px 16px;border-radius:8px;font-family:"Bricolage Grotesque", sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;box-shadow:0 12px 40px rgba(255,107,53,0.3);z-index:5}.blog-featured-content{padding:40px 0 40px 48px;display:flex;flex-direction:column;justify-content:center}.blog-featured-date{font-family:"Bricolage Grotesque", sans-serif;font-size:13px;font-weight:600;color:#9A918A;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:12px}.blog-featured-date::before{content:'';width:32px;height:3px;background:#FF6B35;border-radius:2px}.blog-featured-title{font-family:"Bricolage Grotesque", sans-serif;font-size:clamp(26px, 3vw, 36px);font-weight:700;color:#0D0A08;margin:0 0 18px;line-height:1.15;letter-spacing:-0.5px;transition:color 0.3s ease}.blog-featured-excerpt{font-family:"Newsreader", Georgia, serif;font-size:17px;color:#6B635C;line-height:1.7;margin:0 0 24px}.blog-read-more{font-family:"Bricolage Grotesque", sans-serif;font-size:14px;font-weight:700;color:#FF6B35;display:inline-flex;align-items:center;gap:10px;transition:gap 0.3s ease}.blog-read-more::after{content:'→';font-size:18px;transition:transform 0.3s ease}.blog-card-grid{position:relative;display:grid;grid-template-columns:repeat(3, 1fr);gap:32px;max-width:1140px;margin:0 auto;padding:0 32px}.blog-card-grid::before{content:'More Stories';grid-column:1 / -1;font-family:"Bricolage Grotesque", sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9A918A;padding-bottom:20px;margin-bottom:12px;border-bottom:2px solid #F3EBE4;display:flex;align-items:center;gap:16px}.blog-card-grid::before::after{content:'';flex:1;height:2px;background:linear-gradient(90deg, #F3EBE4, transparent)}.blog-card{position:relative;background:#FFFCF9;border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:0 2px 8px rgba(13,10,8,0.04);transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);border:1px solid rgba(13,10,8,0.04)}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(13,10,8,0.12)}.blog-card:hover .blog-card-image img{transform:scale(1.08)}.blog-card:hover .blog-card-title{color:#FF6B35}.blog-card:hover::after{opacity:1}.blog-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #FF6B35, #FF7F6B);opacity:0;transition:opacity 0.3s ease}.blog-card:nth-child(2){animation:fadeSlideUp 0.6s ease-out 0.18s both}.blog-card:nth-child(3){animation:fadeSlideUp 0.6s ease-out 0.26s both}.blog-card:nth-child(4){animation:fadeSlideUp 0.6s ease-out 0.34s both}.blog-card:nth-child(5){animation:fadeSlideUp 0.6s ease-out 0.42s both}.blog-card:nth-child(6){animation:fadeSlideUp 0.6s ease-out 0.5s both}.blog-card:nth-child(7){animation:fadeSlideUp 0.6s ease-out 0.58s both}.blog-card:nth-child(8){animation:fadeSlideUp 0.6s ease-out 0.66s both}.blog-card:nth-child(9){animation:fadeSlideUp 0.6s ease-out 0.74s both}.blog-card:nth-child(10){animation:fadeSlideUp 0.6s ease-out 0.82s both}.blog-card:nth-child(11){animation:fadeSlideUp 0.6s ease-out 0.9s both}.blog-card:nth-child(12){animation:fadeSlideUp 0.6s ease-out 0.98s both}.blog-card:nth-child(13){animation:fadeSlideUp 0.6s ease-out 1.06s both}.blog-card-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg, #F3EBE4, #E8D5C4)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.16, 1, 0.3, 1)}.blog-card-image .blog-update-badge{top:14px;left:14px;padding:6px 12px;font-size:10px;border-radius:6px}.blog-card-content{padding:22px}.blog-card-date{font-family:"Bricolage Grotesque", sans-serif;font-size:12px;font-weight:600;color:#9A918A;letter-spacing:0.5px;text-transform:uppercase;display:block;margin-bottom:10px}.blog-card-title{font-family:"Bricolage Grotesque", sans-serif;font-size:20px;font-weight:700;color:#0D0A08;margin:0 0 12px;line-height:1.25;letter-spacing:-0.3px;transition:color 0.3s ease}.blog-card-excerpt{font-family:"Newsreader", Georgia, serif;font-size:15px;color:#6B635C;margin:0;line-height:1.6}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:64px;padding:0 32px}.blog-pagination .pagination-link{font-family:"Bricolage Grotesque", sans-serif;font-size:14px;font-weight:700;color:#FF6B35;text-decoration:none;padding:14px 28px;border-radius:10px;background:#FFFCF9;border:2px solid #F3EBE4;transition:all 0.3s ease}.blog-pagination .pagination-link:hover{background:#FF6B35;color:white;border-color:#FF6B35;transform:translateY(-2px);box-shadow:0 12px 40px rgba(255,107,53,0.3)}.blog-pagination .pagination-info{font-family:"Bricolage Grotesque", sans-serif;font-size:14px;color:#9A918A}.blog-empty{text-align:center;padding:100px 32px;max-width:420px;margin:0 auto}.blog-empty i{font-size:64px;color:#E8D5C4;margin-bottom:24px}.blog-empty h2{font-family:"Bricolage Grotesque", sans-serif;font-size:28px;font-weight:700;color:#0D0A08;margin:0 0 12px}.blog-empty p{font-family:"Newsreader", Georgia, serif;font-size:17px;color:#6B635C;line-height:1.6}.blog-cta{position:relative;max-width:700px;margin:80px auto 0;padding:48px;text-align:center;background:linear-gradient(135deg, #FFF6F0 0%, rgba(255,107,53,0.08) 100%);border-radius:24px;overflow:hidden}.blog-cta::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle, rgba(255,107,53,0.18) 0%, transparent 70%);pointer-events:none}.blog-cta h3{position:relative;font-family:"Bricolage Grotesque", sans-serif;font-size:28px;font-weight:700;color:#0D0A08;margin:0 0 12px}.blog-cta p{position:relative;font-family:"Newsreader", Georgia, serif;font-size:17px;color:#6B635C;margin:0 0 24px;line-height:1.6}.blog-cta .btn--primary{position:relative;font-family:"Bricolage Grotesque", sans-serif;font-weight:700;background:#FF6B35;border-color:#FF6B35;color:white;padding:16px 32px;border-radius:10px}.blog-cta .btn--primary:hover{background:#FF5219;border-color:#FF5219;color:white;transform:translateY(-2px);box-shadow:0 12px 40px rgba(255,107,53,0.3)}body.blog-page .article-hero{background:#FFFCF9;color:#0D0A08;padding:64px 32px 80px}body.blog-page .article-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(145deg, #FFFCF9 0%, #FFFCF9 40%, #FFF6F0 40%, #FFF6F0 50%, rgba(255,107,53,0.08) 50%, rgba(255,107,53,0.04) 100%);z-index:0}body.blog-page .article-hero::after{content:'';position:absolute;top:-150px;right:-100px;width:500px;height:500px;background:radial-gradient(ellipse at center, rgba(255,107,53,0.12) 0%, rgba(255,127,107,0.06) 50%, transparent 70%);animation:blogPulseGlow 10s ease-in-out infinite;pointer-events:none;z-index:1}body.blog-page .article-hero .hero-accent-line{position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg, #FF6B35 0%, #FF7F6B 50%, #4ECDC4 100%);z-index:10;transform-origin:left;animation:accentLine 1s ease-out 0.5s both}body.blog-page .article-hero .hero-shapes{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}body.blog-page .article-hero .hero-shape{position:absolute;border-radius:50%}body.blog-page .article-hero .hero-shape--1{top:20%;left:5%;width:60px;height:60px;background:linear-gradient(135deg, rgba(255,107,53,0.18), transparent);animation:floatShape 12s ease-in-out infinite}body.blog-page .article-hero .hero-shape--2{bottom:25%;right:10%;width:100px;height:100px;background:linear-gradient(135deg, rgba(78,205,196,0.15), transparent);animation:floatShape 10s ease-in-out infinite 2s}body.blog-page .article-hero .hero-shape--3{top:50%;left:15%;width:35px;height:35px;background:#E8D5C4;opacity:0.4;animation:floatShape 8s ease-in-out infinite 1s}body.blog-page .hero-bg-pattern{display:none}body.blog-page .hero-content{z-index:5;max-width:920px}body.blog-page .hero-breadcrumb{margin-bottom:28px;font-family:"Bricolage Grotesque", sans-serif;font-size:12px;animation:fadeSlideUp 0.6s ease-out}body.blog-page .breadcrumb-link{color:#9A918A;text-decoration:none;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:color 0.2s}body.blog-page .breadcrumb-link:hover{color:#FF6B35}body.blog-page .breadcrumb-separator{color:#E8D5C4;font-weight:300}body.blog-page .breadcrumb-current{color:#9A918A;font-weight:700;letter-spacing:1px;text-transform:uppercase}body.blog-page .article-title-row{animation:heroSlide 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both}body.blog-page .article-h1{font-family:"Bricolage Grotesque", sans-serif;font-size:clamp(32px, 5vw, 52px);color:#0D0A08;letter-spacing:-1px}body.blog-page .edit-article-btn{gap:8px;color:#6B635C;background:rgba(13,10,8,0.05);border-radius:10px;padding:12px 16px;font-family:"Bricolage Grotesque", sans-serif;font-weight:700}body.blog-page .edit-article-btn:hover{background:rgba(13,10,8,0.1);color:#0D0A08}body.blog-page .article-meta-row{margin-top:24px;font-family:"Bricolage Grotesque", sans-serif;font-size:14px;color:#6B635C;animation:fadeSlideUp 0.6s ease-out 0.3s both}body.blog-page .author-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg, #FF6B35 0%, #FF7F6B 100%);box-shadow:0 6px 20px rgba(255,107,53,0.35)}body.blog-page .author-name{font-weight:700;color:#0D0A08}body.blog-page .meta-separator{color:#E8D5C4}body.blog-page .page-container{display:block;background:#FBF7F4}body.blog-page .article-layout{padding-bottom:80px}body.blog-page .article-content{background:transparent;border-radius:0;padding:0;box-shadow:none;border:none;max-width:720px}body.blog-page .article-media{margin:0 0 40px;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(13,10,8,0.08)}body.blog-page .article-featured-image{width:100%;height:auto;display:block}body.blog-page .article-body{font-family:"Newsreader", Georgia, serif;font-size:18px;line-height:1.8;color:#3D3632}body.blog-page .article-body h2{font-family:"Bricolage Grotesque", sans-serif;font-size:28px;font-weight:700;margin:52px 0 20px;color:#0D0A08;letter-spacing:-0.3px}body.blog-page .article-body h3{font-family:"Bricolage Grotesque", sans-serif;font-size:22px;font-weight:700;margin:40px 0 16px;color:#0D0A08}body.blog-page .article-body p{margin:0 0 24px}body.blog-page .article-body ul,body.blog-page .article-body ol{margin:0 0 24px;padding-left:28px}body.blog-page .article-body li{margin-bottom:12px}body.blog-page .article-body strong{font-weight:600;color:#1A1714}body.blog-page .article-body blockquote{position:relative;margin:40px 0;padding:32px 36px;background:linear-gradient(135deg, #FFF6F0 0%, rgba(255,107,53,0.08) 100%);border-left:5px solid #FF6B35;border-radius:0 16px 16px 0;font-size:20px;font-style:italic;color:#1A1714;line-height:1.6}body.blog-page .article-body blockquote::before{content:'"';position:absolute;top:16px;left:20px;font-size:48px;color:#FF6B35;opacity:0.3;font-family:Georgia, serif;line-height:1}body.blog-page .article-body pre{background:#0D0A08;color:#F5F2EF;padding:28px;border-radius:14px;overflow-x:auto;font-size:14px;margin:36px 0;box-shadow:0 8px 32px rgba(13,10,8,0.08)}body.blog-page .article-body code{background:#F3EBE4;padding:4px 10px;border-radius:6px;font-size:0.88em;color:#FF5219}body.blog-page .article-body pre code{background:transparent;padding:0;color:inherit}body.blog-page .article-body a{color:#FF6B35;text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:border-color 0.2s}body.blog-page .article-body a:hover{border-bottom-color:#FF6B35}body.blog-page .article-body img{max-width:100%;height:auto;border-radius:14px;margin:36px 0;box-shadow:0 8px 32px rgba(13,10,8,0.08)}body.blog-page .article-sidebar{padding-top:8px}body.blog-page .toc-card,body.blog-page .related-card{background:transparent;border:none;border-left:3px solid #F3EBE4;border-radius:0;padding:0 0 0 24px;margin-bottom:40px}body.blog-page .toc-title,body.blog-page .related-title{font-family:"Bricolage Grotesque", sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9A918A;margin:0 0 20px}body.blog-page .toc-list{list-style:none;margin:0;padding:0}body.blog-page .toc-list li{margin-bottom:14px}body.blog-page .toc-list a{font-family:"Bricolage Grotesque", sans-serif;color:#6B635C;text-decoration:none;font-size:14px;font-weight:500;line-height:1.4;display:block;padding-left:0;border-left:3px solid transparent;transition:all 0.2s}body.blog-page .toc-list a:hover{color:#FF6B35;padding-left:14px;border-left-color:#FF6B35}body.blog-page .related-list{list-style:none;margin:0;padding:0}body.blog-page .related-list li{margin-bottom:20px;padding-bottom:0;border-bottom:none}body.blog-page .related-list li:last-child{margin-bottom:0}body.blog-page .related-link{text-decoration:none;display:block}body.blog-page .related-link:hover .related-link-title{color:#FF6B35}body.blog-page .related-link-title{font-family:"Bricolage Grotesque", sans-serif;font-size:14px;font-weight:600;color:#0D0A08;line-height:1.4;display:block;margin-bottom:4px;transition:color 0.2s}body.blog-page .related-link-date{font-family:"Bricolage Grotesque", sans-serif;font-size:12px;color:#9A918A;font-weight:500}body.blog-page .cta-card{background:#FFF6F0;border-radius:12px;padding:24px;text-align:left;border:none;margin-top:20px}body.blog-page .cta-card h3{font-family:"Bricolage Grotesque", sans-serif;font-size:16px;font-weight:700;margin:0 0 8px;color:#0D0A08}body.blog-page .cta-card p{font-family:"Newsreader", Georgia, serif;font-size:14px;color:#6B635C;margin:0 0 16px;line-height:1.5}body.blog-page .cta-card .btn--outline{font-size:13px;padding:10px 18px}.trix-content .embedded-ship-note,.article-body .embedded-ship-note,.embedded-ship-note{display:block;position:relative;background:#FFFCF9;border-radius:16px;padding:16px 40px 16px 24px !important;margin:32px 0 !important;text-decoration:none;color:inherit;box-shadow:0 1px 3px rgba(13,10,8,0.04),0 4px 12px rgba(13,10,8,0.06),0 0 0 1px rgba(13,10,8,0.03);transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow 0.3s ease}.trix-content .embedded-ship-note:hover,.article-body .embedded-ship-note:hover,.embedded-ship-note:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(13,10,8,0.08),0 8px 20px rgba(13,10,8,0.12);text-decoration:none}.trix-content .embedded-ship-note:hover .embedded-ship-note__cta,.article-body .embedded-ship-note:hover .embedded-ship-note__cta,.embedded-ship-note:hover .embedded-ship-note__cta{opacity:1;transform:translateX(0)}.trix-content .embedded-ship-note *,.trix-content .embedded-ship-note:hover *,.trix-content .embedded-ship-note:focus *,.trix-content .embedded-ship-note:active *,.article-body .embedded-ship-note *,.article-body .embedded-ship-note:hover *,.article-body .embedded-ship-note:focus *,.article-body .embedded-ship-note:active *,.embedded-ship-note *,.embedded-ship-note:hover *,.embedded-ship-note:focus *,.embedded-ship-note:active *{text-decoration:none !important}.trix-content .embedded-ship-note:active,.article-body .embedded-ship-note:active,.embedded-ship-note:active{transform:translateY(0)}.embedded-ship-note__accent{position:absolute;left:0;top:0;bottom:0;width:5px;background:#FF6B35;border-radius:16px 0 0 16px;transition:all 0.3s ease}.embedded-ship-note__meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.embedded-ship-note__badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;font-family:"Bricolage Grotesque", sans-serif;font-size:10px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase}.embedded-ship-note__badge i{font-size:9px}.embedded-ship-note__badge--feature{background:rgba(37,99,235,0.12);color:#2563EB}.embedded-ship-note__badge--fix{background:rgba(234,88,12,0.12);color:#EA580C}.embedded-ship-note__badge--improvement{background:rgba(5,150,105,0.12);color:#059669}.embedded-ship-note__badge--infrastructure{background:rgba(124,58,237,0.12);color:#7C3AED}.embedded-ship-note__badge--default{background:rgba(255,107,53,0.12);color:#FF5219}.embedded-ship-note__date{font-family:"Bricolage Grotesque", sans-serif;font-size:11px;color:#9A918A;font-weight:500;letter-spacing:0.02em}.embedded-ship-note__title{font-family:"Bricolage Grotesque", sans-serif;font-size:18px;font-weight:700;margin:0 0 10px;line-height:1.4;color:#0D0A08;transition:color 0.2s ease}.embedded-ship-note__impact{font-family:"Newsreader", Georgia, serif;font-size:15px;color:#6B635C;margin:0;line-height:1.6}.embedded-ship-note__cta{position:absolute;right:20px;top:50%;transform:translateX(-6px) translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#FFF6F0;border-radius:50%;color:#FF6B35;font-size:12px;opacity:0;transition:all 0.25s ease}.trix-ship-note-preview{display:flex;flex-direction:column;gap:6px;background:#FFF6F0;border:2px dashed #FF6B35;border-radius:12px;padding:16px 20px;margin:8px 0}.trix-ship-note-preview__badge{display:inline-block;background:#FF6B35;color:white;padding:3px 8px;border-radius:4px;font-family:"Bricolage Grotesque", sans-serif;font-size:9px;font-weight:700;letter-spacing:0.5px;width:fit-content}.trix-ship-note-preview__title{font-family:"Bricolage Grotesque", sans-serif;font-size:15px;color:#0D0A08}.trix-ship-note-preview__preview{font-family:"Newsreader", Georgia, serif;font-size:13px;color:#6B635C;font-style:italic}.embedded-content-link{display:inline-block;background:#FFF6F0;border-radius:8px;padding:8px 16px;margin:4px 0;transition:all 0.2s ease}.embedded-content-link:hover{background:rgba(255,107,53,0.08)}.embedded-content-link__anchor{font-family:"Bricolage Grotesque", sans-serif;font-size:14px;font-weight:600;color:#FF6B35;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.embedded-content-link__anchor::before{content:'\f0c1';font-family:'Font Awesome 6 Free';font-weight:900;font-size:12px}.embedded-content-link__anchor:hover{color:#FF5219}.compiled-ship-notes{margin:64px 0 56px;padding:40px;background:#FFFCF9;border-radius:20px;border:1px solid rgba(13,10,8,0.04)}.compiled-ship-notes h2{font-family:"Bricolage Grotesque", sans-serif;font-size:24px;font-weight:700;margin-bottom:24px;color:#0D0A08;display:flex;align-items:center;gap:12px}.compiled-ship-notes h2::before{content:'🚀';font-size:22px}.compiled-notes-list{display:grid;gap:16px}.compiled-note-card{background:#FBF7F4;border-radius:12px;padding:20px 24px;border:none;transition:all 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.compiled-note-card:hover{transform:translateX(6px);background:#FFF6F0}.compiled-note-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.compiled-note-header time{font-family:"Bricolage Grotesque", sans-serif;font-size:13px;color:#9A918A;font-weight:600}.compiled-note-card h3{font-family:"Bricolage Grotesque", sans-serif;font-size:18px;font-weight:700;margin:0 0 10px}.compiled-note-card h3 a{color:#0D0A08;text-decoration:none;transition:color 0.2s}.compiled-note-card h3 a:hover{color:#FF6B35}.compiled-note-impact{font-family:"Newsreader", Georgia, serif;font-size:15px;color:#6B635C;margin:0;line-height:1.6}.ship-category-badge{display:inline-block;padding:5px 12px;border-radius:6px;font-family:"Bricolage Grotesque", sans-serif;font-size:10px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase}.ship-category-badge--feature{background:rgba(37,99,235,0.12);color:#2563EB}.ship-category-badge--fix{background:rgba(234,88,12,0.12);color:#EA580C}.ship-category-badge--improvement{background:rgba(5,150,105,0.12);color:#059669}.ship-category-badge--infrastructure{background:rgba(124,58,237,0.12);color:#7C3AED}.ship-category-badge--default{background:#F3EBE4;color:#6B635C}.compiled-whats-next{position:relative;background:linear-gradient(135deg, rgba(78,205,196,0.08) 0%, rgba(78,205,196,0.03) 100%);border-radius:20px;padding:36px 40px;margin:48px 0 0;border-left:4px solid #4ECDC4;overflow:hidden}.compiled-whats-next::before{content:'';position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle, rgba(78,205,196,0.1) 0%, transparent 70%);pointer-events:none}.compiled-whats-next h2{position:relative;font-family:"Bricolage Grotesque", sans-serif;font-size:22px;font-weight:700;margin:0 0 18px;color:#3DB8AF;display:flex;align-items:center;gap:10px}.compiled-whats-next h2::before{content:'👀';font-size:20px}.whats-next-content{position:relative;font-family:"Newsreader", Georgia, serif;font-size:16px;line-height:1.75;color:#3D3632}.whats-next-content p{margin:0 0 16px}.whats-next-content p:last-child{margin-bottom:0}.whats-next-content strong{color:#3DB8AF;font-weight:600}@media (max-width: 900px){.blog-hero{padding:64px 24px 56px}.blog-card-grid{grid-template-columns:repeat(2, 1fr);gap:24px}.blog-featured-card{grid-template-columns:1fr;gap:0}.blog-featured-image{border-radius:16px}.blog-featured-content{padding:28px 0 0}.blog-featured-title{font-size:26px}body.blog-page .article-layout{padding-top:36px}body.blog-page .article-content{max-width:none}body.blog-page .article-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:32px;border-top:2px solid #F3EBE4}body.blog-page .toc-card{display:none}body.blog-page .article-h1{font-size:32px}}@media (max-width: 600px){.blog-hero{padding:52px 20px 44px}.blog-hero h1{font-size:32px;letter-spacing:-1px}.blog-hero .hero-shape{display:none}.blog-hero-subtitle{font-size:17px}.blog-card-grid{grid-template-columns:1fr;padding:0 20px}.blog-featured-card{padding:0 20px}.blog-featured-title{font-size:24px}.blog-cta{margin:56px 20px 0;padding:36px 24px;border-radius:20px}.blog-cta h3{font-size:24px}body.blog-page .article-hero{padding:48px 20px 64px}body.blog-page .article-h1{font-size:26px;letter-spacing:-0.5px}body.blog-page .article-title-row{flex-direction:column;gap:16px}body.blog-page .article-layout{padding-top:32px;padding-bottom:60px}body.blog-page .article-sidebar{grid-template-columns:1fr;gap:32px}body.blog-page .article-media{margin:0 -20px 32px;border-radius:0;box-shadow:none}body.blog-page .article-body{font-size:17px}body.blog-page .compiled-whats-next{padding:24px;margin:40px -20px;border-radius:0}body.blog-page .compiled-ship-notes{margin:40px -20px;padding:32px 20px;background:#FFFCF9}}@keyframes podcastFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes podcastPulse{0%,100%{opacity:0.6;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes waveformPulse{0%,100%{transform:scaleY(0.4)}50%{transform:scaleY(1)}}@keyframes onAirPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,107,53,0.4)}50%{box-shadow:0 0 0 8px rgba(255,107,53,0)}}body.podcast-page{background:#FBF7F4}.podcast-index{position:relative;z-index:1;min-height:100vh;padding-bottom:80px}.podcast-hero{position:relative;padding:80px 32px 72px;background:#1a1714;overflow:hidden;text-align:center}.podcast-hero::before{content:'';position:absolute;top:-80px;right:-40px;width:600px;height:600px;background:radial-gradient(ellipse at center, rgba(255,107,53,0.18) 0%, rgba(255,179,71,0.1) 40%, transparent 70%);animation:podcastPulse 8s ease-in-out infinite;pointer-events:none;z-index:1}.podcast-hero::after{content:'';position:absolute;bottom:-60px;left:-40px;width:500px;height:500px;background:radial-gradient(ellipse at center, rgba(255,179,71,0.14) 0%, rgba(255,107,53,0.08) 50%, transparent 70%);animation:podcastPulse 10s ease-in-out infinite 3s;pointer-events:none;z-index:1}.podcast-hero__waveform{position:absolute;left:0;right:0;display:flex;align-items:flex-end;justify-content:center;gap:4px;pointer-events:none;z-index:2;overflow:hidden}.podcast-hero__waveform--bottom{bottom:0;height:160px;opacity:0.28;mask-image:linear-gradient(to top, black 0%, rgba(0,0,0,0) 100%);-webkit-mask-image:linear-gradient(to top, black 0%, rgba(0,0,0,0) 100%)}.podcast-hero__waveform--top{top:0;height:120px;opacity:0.15;align-items:flex-start;mask-image:linear-gradient(to bottom, black 0%, rgba(0,0,0,0) 100%);-webkit-mask-image:linear-gradient(to bottom, black 0%, rgba(0,0,0,0) 100%)}.podcast-hero__waveform--top .podcast-hero__waveform-bar{border-radius:0 0 2px 2px;align-self:flex-start}.podcast-hero__waveform-bar{width:4px;flex-shrink:0;background:linear-gradient(to top, #FF6B35, #FFB347);border-radius:2px 2px 0 0;animation:waveformPulse 1.2s ease-in-out infinite}.podcast-hero__waveform-bar:nth-child(1){height:47px;animation-delay:0.04s;animation-duration:1.7s}.podcast-hero__waveform-bar:nth-child(2){height:46px;animation-delay:0.08s;animation-duration:1.5s}.podcast-hero__waveform-bar:nth-child(3){height:85px;animation-delay:0.12s;animation-duration:1s}.podcast-hero__waveform-bar:nth-child(4){height:71px;animation-delay:0.16s;animation-duration:1.1s}.podcast-hero__waveform-bar:nth-child(5){height:72px;animation-delay:0.2s;animation-duration:1.7s}.podcast-hero__waveform-bar:nth-child(6){height:67px;animation-delay:0.24s;animation-duration:1.3s}.podcast-hero__waveform-bar:nth-child(7){height:92px;animation-delay:0.28s;animation-duration:1.5s}.podcast-hero__waveform-bar:nth-child(8){height:70px;animation-delay:0.32s;animation-duration:1.1s}.podcast-hero__waveform-bar:nth-child(9){height:37px;animation-delay:0.36s;animation-duration:1.5s}.podcast-hero__waveform-bar:nth-child(10){height:21px;animation-delay:0.4s;animation-duration:1.5s}.podcast-hero__waveform-bar:nth-child(11){height:81px;animation-delay:0.44s;animation-duration:1.7s}.podcast-hero__waveform-bar:nth-child(12){height:30px;animation-delay:0.48s;animation-duration:1.6s}.podcast-hero__waveform-bar:nth-child(13){height:18px;animation-delay:0.52s;animation-duration:1.1s}.podcast-hero__waveform-bar:nth-child(14){height:82px;animation-delay:0.56s;animation-duration:1.3s}.podcast-hero__waveform-bar:nth-child(15){height:20px;animation-delay:0.6s;animation-duration:1.1s}.podcast-hero__waveform-bar:nth-child(16){height:92px;animation-delay:0.64s;animation-duration:1.8s}.podcast-hero__waveform-bar:nth-child(17){height:21px;animation-delay:0.68s;animation-duration:1.1s}.podcast-hero__waveform-bar:nth-child(18){height:93px;animation-delay:0.72s;animation-duration:1s}.podcast-hero__waveform-bar:nth-child(19){height:45px;animation-delay:0.76s;animation-duration:1.3s}.podcast-hero__waveform-bar:nth-child(20){height:78px;animation-delay:0.8s;animation-duration:1.8s}.podcast-hero__waveform-bar:nth-child(21){height:27px;animation-delay:0.84s;animation-duration:1.8s}.podcast-hero__waveform-bar:nth-child(22){height:21px;animation-delay:0.88s;animation-duration:1.2s}.podcast-hero__waveform-bar:nth-child(23){height:31px;animation-delay:0.92s;animation-duration:1.5s}.podcast-hero__waveform-bar:nth-child(24){height:70px;animation-delay:0.96s;animation-duration:1.3s}.podcast-hero__waveform-bar:nth-child(25){height:88px;animation-delay:1s;animation-duration:1.7s}.podcast-hero__waveform-bar:nth-child(26){height:22px;animation-delay:1.04s;animation-duration:1.2s}.podcast-hero__waveform-bar:nth-child(27){height:83px;animation-delay:1.08s;animation-duration:1.7s}.podcast-hero__waveform-bar:nth-child(28){height:87px;animation-delay:1.12s;animation-duration:1.7s}.podcast-hero__waveform-bar:nth-child(29){height:45px;animation-delay:1.16s;animation-duration:0.9s}.podcast-hero__waveform-bar:nth-child(30){height:56px;animation-delay:1.2s;animation-duration:1.6s}.podcast-hero__waveform-bar:nth-child(31){height:61px;animation-delay:1.24s;animation-duration:1.8s}.podcast-hero__waveform-bar:nth-child(32){height:67px;animation-delay:1.28s;animation-duration:1.1s}.podcast-hero__waveform-bar:nth-child(33){height:38px;animation-delay:1.32s;animation-duration:1.7s}.podcast-hero__waveform-bar:nth-child(34){height:79px;animation-delay:1.36s;animation-duration:1.6s}.podcast-hero__waveform-bar:nth-child(35){height:19px;animation-delay:1.4s;animation-duration:1.6s}.podcast-hero__waveform-bar:nth-child(36){height:83px;animation-delay:1.44s;animation-duration:0.9s}.podcast-hero__waveform-bar:nth-child(37){height:89px;animation-delay:1.48s;animation-duration:0.9s}.podcast-hero__waveform-bar:nth-child(38){height:38px;animation-delay:1.52s;animation-duration:1.6s}.podcast-hero__waveform-bar:nth-child(39){height:70px;animation-delay:1.56s;animation-duration:1.3s}.podcast-hero__waveform-bar:nth-child(40){height:60px;animation-delay:1.6s;animation-duration:1.5s}.podcast-hero__waveform-bar:nth-child(41){height:83px;animation-delay:1.64s;animation-duration:1.2s}.podcast-hero__waveform-bar:nth-child(42){height:30px;animation-delay:1.68s;animation-duration:1.6s}.podcast-hero__waveform-bar:nth-child(43){height:38px;animation-delay:1.72s;animation-duration:1.3s}.podcast-hero__waveform-bar:nth-child(44){height:67px;animation-delay:1.76s;animation-duration:1.3s}.podcast-hero__waveform-bar:nth-child(45){height:58px;animation-delay:1.8s;animation-duration:0.9s}.podcast-hero__waveform-bar:nth-child(46){height:19px;animation-delay:1.84s;animation-duration:1s}.podcast-hero__waveform-bar:nth-child(47){height:66px;animation-delay:1.88s;animation-duration:0.9s}.podcast-hero__waveform-bar:nth-child(48){height:20px;animation-delay:1.92s;animation-duration:1.6s}.podcast-hero__waveform-bar:nth-child(49){height:96px;animation-delay:1.96s;animation-duration:1.8s}.podcast-hero__waveform-bar:nth-child(50){height:30px;animation-delay:2s;animation-duration:0.9s}.podcast-hero__waveform-bar:nth-child(51){height:35px;animation-delay:2.04s;animation-duration:1.2s}.podcast-hero__waveform-bar:nth-child(52){height:53px;animation-delay:2.08s;animation-duration:1.7s}.podcast-hero__waveform-bar:nth-child(53){height:48px;animation-delay:2.12s;animation-duration:1s}.podcast-hero__waveform-bar:nth-child(54){height:93px;animation-delay:2.16s;animation-duration:1.8s}.podcast-hero__waveform-bar:nth-child(55){height:42px;animation-delay:2.2s;animation-duration:1.5s}.podcast-hero__waveform-bar:nth-child(56){height:56px;animation-delay:2.24s;animation-duration:1.4s}.podcast-hero__waveform-bar:nth-child(57){height:45px;animation-delay:2.28s;animation-duration:1.7s}.podcast-hero__waveform-bar:nth-child(58){height:33px;animation-delay:2.32s;animation-duration:1s}.podcast-hero__waveform-bar:nth-child(59){height:59px;animation-delay:2.36s;animation-duration:1.1s}.podcast-hero__waveform-bar:nth-child(60){height:50px;animation-delay:2.4s;animation-duration:1.2s}.podcast-hero__badge{position:relative;z-index:5;display:inline-flex;align-items:center;gap:10px;padding:8px 20px;background:rgba(255,107,53,0.15);border:1px solid rgba(255,107,53,0.25);border-radius:100px;font-family:"Bricolage Grotesque", sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#FF6B35;margin-bottom:24px;animation:podcastFadeUp 0.6s ease-out}.podcast-hero__badge i{font-size:14px}.podcast-hero__badge .podcast-hero__badge-dot{width:8px;height:8px;border-radius:50%;background:#FF6B35;animation:onAirPulse 2s ease-in-out infinite}.podcast-hero__title{position:relative;z-index:5;font-family:"Bricolage Grotesque", sans-serif;font-size:clamp(36px, 6vw, 64px);font-weight:800;color:#F5F2EF;margin:0 0 16px;letter-spacing:-2px;line-height:0.95;animation:podcastFadeUp 0.7s ease-out 0.1s both}.podcast-hero__subtitle{position:relative;z-index:5;font-family:"Newsreader", Georgia, serif;font-size:18px;font-weight:400;font-style:italic;color:#9A918A;margin:0 auto 36px;max-width:520px;line-height:1.6;animation:podcastFadeUp 0.7s ease-out 0.2s both}.podcast-hero__featured{position:relative;z-index:5;max-width:800px;margin:0 auto;display:grid;grid-template-columns:200px 1fr;gap:28px;background:#231f1b;border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:24px;text-align:left;text-decoration:none;transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);animation:podcastFadeUp 0.8s ease-out 0.3s both}.podcast-hero__featured:hover{transform:translateY(-4px);border-color:rgba(255,107,53,0.3);box-shadow:0 16px 48px rgba(0,0,0,0.3),0 0 60px rgba(255,107,53,0.08)}.podcast-hero__featured:hover .podcast-hero__featured-play{transform:scale(1.1);box-shadow:0 12px 40px rgba(255,107,53,0.3)}.podcast-hero__featured:hover .podcast-hero__featured-title{color:#FF8F5A}.podcast-hero__featured-art{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;background:#2c2722}.podcast-hero__featured-art img{width:100%;height:100%;object-fit:cover}.podcast-hero__featured-play{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:52px;height:52px;background:#FF6B35;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:18px;transition:all 0.3s ease;box-shadow:0 4px 16px rgba(255,107,53,0.4)}.podcast-hero__featured-play i{margin-left:3px}.podcast-hero__featured-body{display:flex;flex-direction:column;justify-content:center;min-width:0}.podcast-hero__featured-label{font-family:"Bricolage Grotesque", sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#FF6B35;margin-bottom:8px}.podcast-hero__featured-title{font-family:"Bricolage Grotesque", sans-serif;font-size:clamp(18px, 2.5vw, 24px);font-weight:700;color:#F5F2EF;margin:0 0 8px;line-height:1.2;letter-spacing:-0.3px;transition:color 0.3s}.podcast-hero__featured-meta{display:flex;align-items:center;gap:12px;font-family:"Bricolage Grotesque", sans-serif;font-size:13px;color:#9A918A;flex-wrap:wrap}.podcast-hero__featured-meta i{color:#6B635C;font-size:11px}.podcast-hero__featured-desc{font-family:"Newsreader", Georgia, serif;font-size:15px;color:#9A918A;line-height:1.5;margin:10px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.podcast-filters{position:relative;z-index:10;max-width:1200px;margin:-28px auto 0;padding:0 32px}.podcast-filters__bar{display:flex;align-items:center;gap:12px;padding:14px 20px;background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,0.06);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.1);flex-wrap:wrap}.podcast-filters__pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.podcast-filters__pill{display:inline-flex;align-items:center;padding:7px 16px;border-radius:100px;font-family:"Bricolage Grotesque", sans-serif;font-size:13px;font-weight:600;color:#6B635C;text-decoration:none;background:transparent;border:1px solid transparent;transition:all 0.2s ease;white-space:nowrap}.podcast-filters__pill:hover{background:#F3EBE4;color:#1A1714}.podcast-filters__pill--active{background:#FF6B35;color:white;border-color:#FF6B35}.podcast-filters__pill--active:hover{background:#FF5219;color:white}.podcast-filters__search{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#FBF7F4;border-radius:100px;border:1px solid rgba(0,0,0,0.06);min-width:200px}.podcast-filters__search i{color:#9A918A;font-size:13px}.podcast-filters__search input{flex:1;border:none;background:transparent;font-family:"Bricolage Grotesque", sans-serif;font-size:13px;color:#1A1714;outline:none;min-width:0}.podcast-filters__search input::placeholder{color:#9A918A}.podcast-series-carousel{max-width:1200px;margin:48px auto 0;padding:0 32px}.podcast-series-carousel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.podcast-series-carousel__title{font-family:"Bricolage Grotesque", sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9A918A;display:flex;align-items:center;gap:12px}.podcast-series-carousel__title::after{content:'';flex:1;height:1px;background:#F3EBE4;min-width:40px}.podcast-series-carousel__scroll{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}.podcast-series-carousel__scroll::-webkit-scrollbar{display:none}.podcast-series-card{flex:0 0 220px;scroll-snap-align:start;text-decoration:none;transition:all 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.podcast-series-card:hover{transform:translateY(-4px)}.podcast-series-card:hover .podcast-series-card__art{box-shadow:0 20px 60px rgba(0,0,0,0.15)}.podcast-series-card:hover .podcast-series-card__name{color:#FF6B35}.podcast-series-card__art{width:100%;aspect-ratio:1;border-radius:14px;overflow:hidden;background:linear-gradient(135deg, #F3EBE4, #E8D5C4);margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:box-shadow 0.3s ease}.podcast-series-card__art img{width:100%;height:100%;object-fit:cover}.podcast-series-card__art-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#9A918A}.podcast-series-card__name{font-family:"Bricolage Grotesque", sans-serif;font-size:15px;font-weight:700;color:#1A1714;margin:0 0 4px;line-height:1.3;transition:color 0.2s}.podcast-series-card__count{font-family:"Bricolage Grotesque", sans-serif;font-size:12px;color:#9A918A;font-weight:500}.podcast-episodes{max-width:1200px;margin:48px auto 0;padding:0 32px}.podcast-episodes__header{font-family:"Bricolage Grotesque", sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9A918A;padding-bottom:20px;margin-bottom:24px;border-bottom:2px solid #F3EBE4;display:flex;align-items:center;gap:16px}.podcast-episodes__header::after{content:'';flex:1;height:2px;background:linear-gradient(90deg, #F3EBE4, transparent)}.podcast-episodes__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:28px}.podcast-episode-card{position:relative;background:#FFFCF9;border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);border:1px solid rgba(0,0,0,0.04)}.podcast-episode-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,0.15)}.podcast-episode-card:hover .podcast-episode-card__image img{transform:scale(1.06)}.podcast-episode-card:hover .podcast-episode-card__title{color:#FF6B35}.podcast-episode-card:hover .podcast-episode-card__play-overlay{opacity:1}.podcast-episode-card:hover::after{opacity:1}.podcast-episode-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #FF6B35, #FF8F5A);opacity:0;transition:opacity 0.3s ease}.podcast-episode-card__image{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg, #F3EBE4, #E8D5C4)}.podcast-episode-card__image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.16, 1, 0.3, 1)}.podcast-episode-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#9A918A}.podcast-episode-card__play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:48px;height:48px;background:rgba(255,107,53,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:16px;opacity:0;transition:opacity 0.3s ease;box-shadow:0 4px 16px rgba(255,107,53,0.4)}.podcast-episode-card__play-overlay i{margin-left:2px}.podcast-episode-card__series-badge{position:absolute;top:12px;left:12px;background:#FF6B35;color:white;padding:5px 10px;border-radius:6px;font-family:"Bricolage Grotesque", sans-serif;font-size:10px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.podcast-episode-card__content{padding:20px}.podcast-episode-card__meta{display:flex;align-items:center;gap:8px;font-family:"Bricolage Grotesque", sans-serif;font-size:12px;color:#9A918A;font-weight:500;margin-bottom:8px;flex-wrap:wrap}.podcast-episode-card__meta i{font-size:10px}.podcast-episode-card__title{font-family:"Bricolage Grotesque", sans-serif;font-size:18px;font-weight:700;color:#0D0A08;margin:0 0 8px;line-height:1.25;letter-spacing:-0.2px;transition:color 0.3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.podcast-episode-card__desc{font-family:"Newsreader", Georgia, serif;font-size:14px;color:#6B635C;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.podcast-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:56px;padding:0 32px}.podcast-pagination__link{font-family:"Bricolage Grotesque", sans-serif;font-size:14px;font-weight:700;color:#FF6B35;text-decoration:none;padding:12px 24px;border-radius:10px;background:#FFFCF9;border:2px solid #F3EBE4;transition:all 0.3s ease}.podcast-pagination__link:hover{background:#FF6B35;color:white;border-color:#FF6B35;transform:translateY(-2px);box-shadow:0 12px 40px rgba(255,107,53,0.3)}.podcast-pagination__info{font-family:"Bricolage Grotesque", sans-serif;font-size:14px;color:#9A918A}.podcast-empty{text-align:center;padding:80px 32px;max-width:420px;margin:0 auto}.podcast-empty i{font-size:56px;color:#E8D5C4;margin-bottom:20px;display:block}.podcast-empty h2{font-family:"Bricolage Grotesque", sans-serif;font-size:24px;font-weight:700;color:#1A1714;margin:0 0 10px}.podcast-empty p{font-family:"Newsreader", Georgia, serif;font-size:16px;color:#6B635C;line-height:1.6;margin:0}.podcast-ep-hero{position:relative;padding:80px 32px 72px;background:#1a1714;overflow:hidden;text-align:center;color:#F5F2EF}.podcast-ep-hero::before{content:'';position:absolute;top:-80px;right:-40px;width:600px;height:600px;background:radial-gradient(ellipse at center, rgba(255,107,53,0.18) 0%, rgba(255,179,71,0.1) 40%, transparent 70%);animation:podcastPulse 8s ease-in-out infinite;pointer-events:none;z-index:1}.podcast-ep-hero::after{content:'';position:absolute;bottom:-60px;left:-40px;width:500px;height:500px;background:radial-gradient(ellipse at center, rgba(255,179,71,0.14) 0%, rgba(255,107,53,0.08) 50%, transparent 70%);animation:podcastPulse 10s ease-in-out infinite 3s;pointer-events:none;z-index:1}.podcast-ep-hero .hero-accent-line{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #FF6B35 0%, #FFB347 50%, #4ECDC4 100%);z-index:10}body.podcast-episode-page .podcast-ep-hero .hero-accent-line{display:none}.podcast-ep-hero__content{position:relative;z-index:5;max-width:900px;margin:0 auto;text-align:left}body.podcast-page .hero-breadcrumb{margin-bottom:24px;font-family:"Bricolage Grotesque", sans-serif;font-size:12px;animation:podcastFadeUp 0.6s ease-out}body.podcast-page .breadcrumb-link{color:#6B635C;text-decoration:none;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:color 0.2s}body.podcast-page .breadcrumb-link:hover{color:#FF6B35}body.podcast-page .breadcrumb-separator{color:#6B635C;font-weight:300}body.podcast-page .breadcrumb-current{color:#9A918A;font-weight:700;letter-spacing:1px;text-transform:uppercase}.podcast-ep-header__badges{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap;animation:podcastFadeUp 0.6s ease-out 0.05s both}.podcast-ep-header__badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;font-family:"Bricolage Grotesque", sans-serif;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;text-decoration:none;transition:opacity 0.2s}.podcast-ep-header__badge--series{background:rgba(255,107,53,0.15);color:#FF6B35}.podcast-ep-header__badge--series:hover{opacity:0.8}.podcast-ep-header__badge--episode{background:rgba(255,255,255,0.1);color:#9A918A}.podcast-ep-header__badge--explicit{background:rgba(255,255,255,0.08);color:#6B635C;font-size:10px}.podcast-ep-header__title{font-family:"Bricolage Grotesque", sans-serif;font-size:clamp(28px, 4.5vw, 44px);font-weight:800;color:#F5F2EF;margin:0 0 16px;line-height:1.1;letter-spacing:-1px;animation:podcastFadeUp 0.7s ease-out 0.1s both}.podcast-ep-header__guest{display:flex;align-items:center;gap:14px;margin-bottom:20px;animation:podcastFadeUp 0.6s ease-out 0.15s both}.podcast-ep-header__guest-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,107,53,0.3)}.podcast-ep-header__guest-img-placeholder{width:48px;height:48px;border-radius:50%;background:#2c2722;display:flex;align-items:center;justify-content:center;color:#6B635C;font-size:20px;border:2px solid rgba(255,255,255,0.08)}.podcast-ep-header__guest-info{font-family:"Bricolage Grotesque", sans-serif}.podcast-ep-header__guest-name{font-size:15px;font-weight:700;color:#F5F2EF;display:block}.podcast-ep-header__guest-bio{font-size:13px;color:#9A918A;display:block;margin-top:2px}.podcast-ep-header__meta{display:flex;align-items:center;gap:16px;font-family:"Bricolage Grotesque", sans-serif;font-size:13px;color:#9A918A;flex-wrap:wrap;animation:podcastFadeUp 0.6s ease-out 0.2s both}.podcast-ep-header__meta i{color:#6B635C;font-size:11px}.podcast-ep-player{position:relative;z-index:5;max-width:900px;margin:-32px auto 0;padding:0 32px}.podcast-ep-player__card{background:#FFFCF9;border-radius:16px;padding:24px;box-shadow:0 8px 32px rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.04)}.podcast-ep-player__header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.podcast-ep-player__artwork{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#F3EBE4;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.podcast-ep-player__artwork-img{width:100%;height:100%;object-fit:cover}.podcast-ep-player__artwork-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9A918A;font-size:28px}.podcast-ep-player__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.podcast-ep-player__series-label{font-family:"Bricolage Grotesque", sans-serif;font-size:12px;font-weight:600;color:#9A918A;text-transform:uppercase;letter-spacing:0.5px}.podcast-ep-player__episode-title{font-family:"Bricolage Grotesque", sans-serif;font-size:17px;font-weight:700;color:#1A1714;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.podcast-ep-player__progress{margin-bottom:16px}.podcast-ep-player__bar{position:relative;width:100%;height:6px;background:#F3EBE4;border-radius:3px;cursor:pointer;margin-bottom:6px}.podcast-ep-player__bar:hover{height:8px;margin-bottom:4px}.podcast-ep-player__bar-fill{position:absolute;top:0;left:0;height:100%;background:#FF6B35;border-radius:3px;width:0;transition:width 0.1s linear}.podcast-ep-player__bar-chapters{position:absolute;top:0;left:0;right:0;height:100%}.podcast-ep-player__chapter-marker{position:absolute;top:-2px;width:2px;height:10px;background:rgba(0,0,0,0.2);border-radius:1px;transform:translateX(-50%)}.podcast-ep-player__times{display:flex;justify-content:space-between;font-family:"Bricolage Grotesque", sans-serif;font-size:12px;color:#9A918A;font-weight:500}.podcast-ep-player__controls{display:flex;align-items:center;justify-content:center;gap:20px}.podcast-ep-player__skip-btn{position:relative;width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:#6B635C;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.podcast-ep-player__skip-btn:hover{background:#F3EBE4;color:#1A1714}.podcast-ep-player__skip-label{position:absolute;font-family:"Bricolage Grotesque", sans-serif;font-size:8px;font-weight:800;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}.podcast-ep-player__play-btn{width:56px;height:56px;border-radius:50%;background:#FF6B35;border:none;color:white;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s ease}.podcast-ep-player__play-btn:hover{background:#FF5219;transform:scale(1.05);box-shadow:0 12px 40px rgba(255,107,53,0.3)}.podcast-ep-player__play-btn i{margin-left:3px}.podcast-ep-player__speed-btn{padding:6px 10px;border-radius:6px;background:#FBF7F4;border:1px solid rgba(0,0,0,0.06);font-family:"Bricolage Grotesque", sans-serif;font-size:12px;font-weight:700;color:#6B635C;cursor:pointer;flex-shrink:0;transition:all 0.2s}.podcast-ep-player__speed-btn:hover{background:#F3EBE4;color:#1A1714}.podcast-ep-player__card--no-audio .podcast-ep-player__header{margin-bottom:0}.podcast-ep-player__listen-links{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid rgba(0,0,0,0.06);margin-top:16px}.podcast-ep-player__listen-label{font-family:"Bricolage Grotesque", sans-serif;font-size:13px;font-weight:600;color:#9A918A}.podcast-ep-player__listen-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background:#FBF7F4;border:1px solid rgba(0,0,0,0.06);font-family:"Bricolage Grotesque", sans-serif;font-size:13px;font-weight:600;color:#6B635C;text-decoration:none;transition:all 0.2s}.podcast-ep-player__listen-btn:hover{background:#F3EBE4;color:#1A1714}.podcast-ep-player__listen-btn i{font-size:15px}.podcast-ep-video{margin-bottom:32px}.podcast-ep-video__wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;background:#0D0A08;box-shadow:0 8px 32px rgba(0,0,0,0.1)}.podcast-ep-video__wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.podcast-highlights{margin-bottom:40px}.podcast-highlights__title{font-family:"Bricolage Grotesque", sans-serif;font-size:22px;font-weight:700;color:#1A1714;margin:0 0 20px;display:flex;align-items:center;gap:10px}.podcast-highlights__title i{color:#FF6B35}.podcast-highlights__list{display:grid;gap:14px}.podcast-highlight-card{position:relative;padding:18px 20px;border-radius:12px;border-left:4px solid;transition:all 0.2s ease}.podcast-highlight-card:hover{transform:translateX(4px)}.podcast-highlight-card--quote{background:linear-gradient(135deg, #FFF6F0, rgba(255,107,53,0.08));border-left-color:#FF6B35}.podcast-highlight-card--takeaway{background:linear-gradient(135deg, #FFF9DB, #FFF3C4);border-left-color:#FFB347}.podcast-highlight-card--tip{background:linear-gradient(135deg, #E6FFFA, #B2F5EA);border-left-color:#4ECDC4}.podcast-highlight-card--stat{background:linear-gradient(135deg, #EBF5FF, #DBEAFE);border-left-color:#3B82F6}.podcast-highlight-card__icon{font-size:14px;margin-bottom:8px;display:block}.podcast-highlight-card--quote .podcast-highlight-card__icon{color:#FF6B35}.podcast-highlight-card--takeaway .podcast-highlight-card__icon{color:#FFB347}.podcast-highlight-card--tip .podcast-highlight-card__icon{color:#4ECDC4}.podcast-highlight-card--stat .podcast-highlight-card__icon{color:#3B82F6}.podcast-highlight-card__content{font-family:"Newsreader", Georgia, serif;font-size:15px;color:#3D3632;line-height:1.6;margin:0 0 8px}.podcast-highlight-card--quote .podcast-highlight-card__content{font-style:italic}.podcast-highlight-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.podcast-highlight-card__attribution{font-family:"Bricolage Grotesque", sans-serif;font-size:12px;font-weight:600;color:#6B635C}.podcast-highlight-card__timestamp{font-family:"Bricolage Grotesque", sans-serif;font-size:11px;font-weight:600;color:#FF6B35;text-decoration:none;display:inline-flex;align-items:center;gap:4px;cursor:pointer;background:none;border:none;padding:0;transition:opacity 0.2s}.podcast-highlight-card__timestamp:hover{opacity:0.7}.podcast-chapters{margin-bottom:40px}.podcast-chapters__title{font-family:"Bricolage Grotesque", sans-serif;font-size:22px;font-weight:700;color:#1A1714;margin:0 0 16px;display:flex;align-items:center;gap:10px}.podcast-chapters__title i{color:#FF6B35}.podcast-chapters__list{list-style:none;margin:0;padding:0;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,0.06)}.podcast-chapters__item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#FFFCF9;border-bottom:1px solid rgba(0,0,0,0.04);transition:background 0.2s}.podcast-chapters__item:last-child{border-bottom:none}.podcast-chapters__item:hover{background:#FFF6F0}.podcast-chapters__number{font-family:"Bricolage Grotesque", sans-serif;font-size:13px;font-weight:700;color:#9A918A;min-width:24px;text-align:center}.podcast-chapters__name{flex:1;font-family:"Bricolage Grotesque", sans-serif;font-size:14px;font-weight:600;color:#1A1714;line-height:1.3}.podcast-chapters__seek{font-family:"Bricolage Grotesque", sans-serif;font-size:12px;font-weight:600;color:#FF6B35;text-decoration:none;display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all 0.2s}.podcast-chapters__seek:hover{background:rgba(255,107,53,0.08)}.podcast-show-notes{margin-bottom:40px}.podcast-show-notes__title{font-family:"Bricolage Grotesque", sans-serif;font-size:22px;font-weight:700;color:#1A1714;margin:0 0 20px;display:flex;align-items:center;gap:10px}.podcast-show-notes__title i{color:#FF6B35}.podcast-show-notes__body{font-family:"Newsreader", Georgia, serif;font-size:17px;line-height:1.8;color:#3D3632}.podcast-show-notes__body h2{font-family:"Bricolage Grotesque", sans-serif;font-size:24px;font-weight:700;margin:40px 0 16px;color:#1A1714}.podcast-show-notes__body h3{font-family:"Bricolage Grotesque", sans-serif;font-size:20px;font-weight:700;margin:32px 0 12px;color:#1A1714}.podcast-show-notes__body p{margin:0 0 20px}.podcast-show-notes__body ul,.podcast-show-notes__body ol{margin:0 0 20px;padding-left:28px}.podcast-show-notes__body li{margin-bottom:8px}.podcast-show-notes__body a{color:#FF6B35;text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:border-color 0.2s}.podcast-show-notes__body a:hover{border-bottom-color:#FF6B35}.podcast-show-notes__body blockquote{margin:32px 0;padding:24px 28px;background:#FFF6F0;border-left:4px solid #FF6B35;border-radius:0 12px 12px 0;font-style:italic;color:#1A1714}.podcast-show-notes__figure{margin:24px 0;text-align:center}.podcast-show-notes__image{max-width:100%;height:auto;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.podcast-show-notes__video{margin:24px 0}.podcast-show-notes__video iframe{width:100%;aspect-ratio:16 / 9;border:0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.podcast-show-notes__video-label{font-family:"Bricolage Grotesque", sans-serif;font-size:14px;font-weight:600;color:#9A918A;margin-bottom:8px}.podcast-show-notes__link-list{list-style:disc;padding-left:28px;margin:12px 0 20px}.podcast-show-notes__link-list li{margin-bottom:8px}.podcast-show-notes__media-gallery{margin:32px 0;display:grid;gap:20px;grid-template-columns:repeat(2, 1fr)}.podcast-show-notes__media-caption{font-family:"Bricolage Grotesque", sans-serif;font-size:13px;color:#9A918A;margin-top:8px;text-align:center}.podcast-show-notes__media-videos{margin:32px 0}.podcast-show-notes__video-player{margin-bottom:16px}.podcast-show-notes__native-video{width:100%;max-width:100%;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);background:#0D0A08}@media (max-width: 600px){.podcast-show-notes__media-gallery{grid-template-columns:1fr}}.podcast-transcript{margin-bottom:40px}.podcast-transcript__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.podcast-transcript__title{font-family:"Bricolage Grotesque", sans-serif;font-size:22px;font-weight:700;color:#1A1714;margin:0;display:flex;align-items:center;gap:10px}.podcast-transcript__title i{color:#FF6B35}.podcast-transcript__toggle{font-family:"Bricolage Grotesque", sans-serif;font-size:13px;font-weight:700;color:#FF6B35;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;transition:all 0.2s}.podcast-transcript__toggle:hover{background:rgba(255,107,53,0.08)}.podcast-transcript__search{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#FBF7F4;border-radius:8px;border:1px solid rgba(0,0,0,0.06);margin-bottom:16px}.podcast-transcript__search i{color:#9A918A;font-size:13px}.podcast-transcript__search input{flex:1;border:none;background:transparent;font-family:"Bricolage Grotesque", sans-serif;font-size:13px;color:#1A1714;outline:none}.podcast-transcript__search input::placeholder{color:#9A918A}.podcast-transcript__body{max-height:600px;overflow-y:auto;border-radius:12px;border:1px solid rgba(0,0,0,0.06);background:#FFFCF9}.podcast-transcript__body--collapsed{max-height:360px;position:relative}.podcast-transcript__body--collapsed::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent, #FFFCF9);pointer-events:none}.podcast-transcript__body--expanded{max-height:none}.podcast-transcript__plain-text{padding:18px 24px;font-size:0.95rem;line-height:1.8;color:#3D3632}.podcast-transcript__plain-text p{margin-bottom:1em}.podcast-transcript__plain-text p:last-child{margin-bottom:0}.podcast-transcript__segment{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:12px 18px;border-bottom:1px solid rgba(0,0,0,0.03);transition:background 0.15s}.podcast-transcript__segment:last-child{border-bottom:none}.podcast-transcript__segment:hover{background:rgba(0,0,0,0.015)}.podcast-transcript__segment-speaker{font-family:"Bricolage Grotesque", sans-serif;font-size:13px;font-weight:700;color:#1A1714}.podcast-transcript__segment-timestamp{display:block;font-family:"Bricolage Grotesque", sans-serif;font-size:11px;font-weight:500;color:#FF6B35;cursor:pointer;text-decoration:none;background:none;border:none;padding:0;margin-top:2px}.podcast-transcript__segment-timestamp:hover{text-decoration:underline}.podcast-transcript__segment-text{font-family:"Newsreader", Georgia, serif;font-size:15px;line-height:1.6;color:#3D3632}body.podcast-page .article-layout{padding-bottom:80px}body.podcast-page .article-content{background:transparent;border-radius:0;padding:0;box-shadow:none;border:none;max-width:720px}body.podcast-page .article-sidebar{padding-top:8px}.podcast-sidebar__artwork{border-radius:14px;overflow:hidden;margin-bottom:28px;box-shadow:0 8px 32px rgba(0,0,0,0.1);aspect-ratio:1;background:linear-gradient(135deg, #F3EBE4, #E8D5C4)}.podcast-sidebar__artwork img{width:100%;height:100%;object-fit:cover}.podcast-sidebar__artwork-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;color:#9A918A}.podcast-sidebar__subscribe{margin-bottom:28px}.podcast-sidebar__subscribe-title{font-family:"Bricolage Grotesque", sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9A918A;margin:0 0 12px}.podcast-sidebar__subscribe-links{display:flex;flex-direction:column;gap:8px}.podcast-sidebar__subscribe-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#FBF7F4;text-decoration:none;transition:all 0.2s}.podcast-sidebar__subscribe-link:hover{background:#FFF6F0;transform:translateX(4px)}.podcast-sidebar__subscribe-link i{color:#FF6B35;font-size:16px;width:20px;text-align:center}.podcast-sidebar__subscribe-link span{font-family:"Bricolage Grotesque", sans-serif;font-size:14px;font-weight:600;color:#1A1714}.podcast-sidebar__related{margin-bottom:28px}.podcast-sidebar__related-title{font-family:"Bricolage Grotesque", sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9A918A;margin:0 0 16px}.podcast-sidebar__related-list{list-style:none;margin:0;padding:0}.podcast-sidebar__related-item{margin-bottom:16px}.podcast-sidebar__related-item:last-child{margin-bottom:0}.podcast-sidebar__related-link{text-decoration:none;display:block;padding:12px 14px;border-radius:10px;transition:all 0.2s}.podcast-sidebar__related-link:hover{background:#FBF7F4}.podcast-sidebar__related-link:hover .podcast-sidebar__related-link-title{color:#FF6B35}.podcast-sidebar__related-link-title{font-family:"Bricolage Grotesque", sans-serif;font-size:14px;font-weight:600;color:#1A1714;line-height:1.4;margin:0 0 4px;transition:color 0.2s}.podcast-sidebar__related-link-meta{font-family:"Bricolage Grotesque", sans-serif;font-size:12px;color:#9A918A;display:flex;align-items:center;gap:8px}.podcast-sidebar__related-link-meta i{font-size:10px}.podcast-sidebar__share{margin-bottom:28px}.podcast-sidebar__share-title{font-family:"Bricolage Grotesque", sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9A918A;margin:0 0 12px}.podcast-sidebar__share-links{display:flex;gap:8px}.podcast-sidebar__share-btn{width:40px;height:40px;border-radius:10px;background:#FBF7F4;border:none;color:#6B635C;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;text-decoration:none}.podcast-sidebar__share-btn:hover{background:#FF6B35;color:white;transform:translateY(-2px)}.podcast-series-hero{position:relative;padding:64px 32px;background:#1a1714;overflow:hidden}.podcast-series-hero::before{content:'';position:absolute;top:-100px;right:-60px;width:400px;height:400px;background:radial-gradient(ellipse at center, rgba(255,107,53,0.1) 0%, transparent 60%);pointer-events:none;z-index:1}.podcast-series-hero__inner{position:relative;z-index:5;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:center}.podcast-series-hero__art{border-radius:14px;overflow:hidden;aspect-ratio:1;background:#2c2722;box-shadow:0 8px 32px rgba(0,0,0,0.4)}.podcast-series-hero__art img{width:100%;height:100%;object-fit:cover}.podcast-series-hero__art-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;color:#6B635C}.podcast-series-hero__body{min-width:0}.podcast-series-hero__breadcrumb{display:flex;align-items:center;gap:10px;font-family:"Bricolage Grotesque", sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}.podcast-series-hero__breadcrumb a{color:#6B635C;text-decoration:none;transition:color 0.2s}.podcast-series-hero__breadcrumb a:hover{color:#FF6B35}.podcast-series-hero__breadcrumb span{color:#6B635C}.podcast-series-hero__title{font-family:"Bricolage Grotesque", sans-serif;font-size:clamp(28px, 4vw, 44px);font-weight:800;color:#F5F2EF;margin:0 0 12px;line-height:1.1;letter-spacing:-1px}.podcast-series-hero__desc{font-family:"Newsreader", Georgia, serif;font-size:17px;color:#9A918A;line-height:1.6;margin:0 0 16px;max-width:600px}.podcast-series-hero__meta{display:flex;align-items:center;gap:16px;font-family:"Bricolage Grotesque", sans-serif;font-size:13px;color:#6B635C}.podcast-series-hero__meta i{font-size:11px}.podcast-series-episodes{max-width:1200px;margin:0 auto;padding:48px 32px 80px}.podcast-series-episodes__header{font-family:"Bricolage Grotesque", sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9A918A;padding-bottom:20px;margin-bottom:24px;border-bottom:2px solid #F3EBE4}.podcast-series-episodes__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:28px}.podcast-transcript-page{max-width:800px;margin:0 auto;padding:48px 32px 80px}.podcast-transcript-page__header{margin-bottom:36px}.podcast-transcript-page__back{display:inline-flex;align-items:center;gap:8px;font-family:"Bricolage Grotesque", sans-serif;font-size:13px;font-weight:700;color:#FF6B35;text-decoration:none;margin-bottom:20px;transition:gap 0.2s}.podcast-transcript-page__back:hover{gap:12px}.podcast-transcript-page__title{font-family:"Bricolage Grotesque", sans-serif;font-size:clamp(24px, 4vw, 36px);font-weight:800;color:#1A1714;margin:0 0 8px;line-height:1.15}.podcast-transcript-page__subtitle{font-family:"Bricolage Grotesque", sans-serif;font-size:14px;color:#9A918A;font-weight:500}.podcast-transcript-page__body{background:#FFFCF9;border-radius:16px;border:1px solid rgba(0,0,0,0.04);overflow:hidden}.podcast-transcript-page__segment{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px 24px;border-bottom:1px solid rgba(0,0,0,0.03)}.podcast-transcript-page__segment:last-child{border-bottom:none}.podcast-transcript-page__speaker{font-family:"Bricolage Grotesque", sans-serif;font-size:14px;font-weight:700;color:#1A1714}.podcast-transcript-page__timestamp{display:block;font-family:"Bricolage Grotesque", sans-serif;font-size:12px;font-weight:500;color:#FF6B35;margin-top:2px}.podcast-transcript-page__text{font-family:"Newsreader", Georgia, serif;font-size:16px;line-height:1.7;color:#3D3632}.podcast-transcript-page__empty{padding:48px 32px;text-align:center;color:#9A918A;font-family:"Newsreader", Georgia, serif;font-size:16px}@media (max-width: 900px){.podcast-hero{padding:64px 24px 60px}.podcast-hero__featured{grid-template-columns:140px 1fr;gap:20px;padding:20px}.podcast-filters{padding:0 24px}.podcast-filters__bar{flex-direction:column;gap:10px}.podcast-filters__search{width:100%}.podcast-episodes__grid{grid-template-columns:repeat(2, 1fr);gap:20px}.podcast-series-hero__inner{grid-template-columns:160px 1fr;gap:24px}.podcast-series-episodes__grid{grid-template-columns:repeat(2, 1fr);gap:20px}body.podcast-page .article-layout{padding-top:36px}body.podcast-page .article-content{max-width:none}body.podcast-page .article-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:32px;border-top:2px solid #F3EBE4}.podcast-transcript__segment{grid-template-columns:80px 1fr}.podcast-transcript-page__segment{grid-template-columns:100px 1fr}}@media (max-width: 600px){.podcast-hero{padding:52px 20px 48px}.podcast-hero::before,.podcast-hero::after{display:none}.podcast-hero__title{font-size:32px;letter-spacing:-1px}.podcast-hero__featured{grid-template-columns:1fr;gap:16px;padding:16px}.podcast-hero__featured-art{aspect-ratio:16/9;border-radius:10px}.podcast-hero__waveform--top{display:none}.podcast-hero__waveform--bottom{height:80px}.podcast-filters{padding:0 20px;margin-top:-20px}.podcast-filters__pills{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.podcast-filters__pills::-webkit-scrollbar{display:none}.podcast-series-carousel{padding:0 20px}.podcast-series-card{flex:0 0 160px}.podcast-episodes{padding:0 20px}.podcast-episodes__grid{grid-template-columns:1fr;gap:20px}.podcast-pagination{padding:0 20px;gap:16px}.podcast-ep-player{padding:0 16px;margin-top:-24px}.podcast-ep-player__card{padding:16px}.podcast-ep-player__artwork{width:60px;height:60px;border-radius:8px}.podcast-ep-player__episode-title{font-size:15px}.podcast-ep-player__play-btn{width:48px;height:48px;font-size:18px}.podcast-series-hero{padding:48px 20px}.podcast-series-hero__inner{grid-template-columns:1fr;text-align:center}.podcast-series-hero__art{max-width:180px;margin:0 auto}.podcast-series-hero__breadcrumb{justify-content:center}.podcast-series-hero__desc{margin-left:auto;margin-right:auto}.podcast-series-hero__meta{justify-content:center}.podcast-series-episodes{padding:36px 20px 60px}.podcast-series-episodes__grid{grid-template-columns:1fr;gap:20px}.podcast-transcript-page{padding:36px 20px 60px}.podcast-transcript__segment{grid-template-columns:1fr;gap:4px}.podcast-transcript-page__segment{grid-template-columns:1fr;gap:4px}.podcast-ep-hero{padding:52px 20px 48px}body.podcast-page .article-sidebar{grid-template-columns:1fr;gap:28px}body.podcast-page .podcast-ep-header__title{font-size:26px;letter-spacing:-0.5px}}.podcast-hero__featured-play:focus-visible,.podcast-episode-card__play-overlay:focus-visible,.podcast-ep-player__play-btn:focus-visible,.podcast-ep-player__speed-btn:focus-visible,.podcast-highlight-card__timestamp:focus-visible,.podcast-chapters__seek:focus-visible,.podcast-transcript__toggle:focus-visible,.podcast-transcript__segment-timestamp:focus-visible,.podcast-sidebar__share-btn:focus-visible,.podcast-filters__pill:focus-visible,.podcast-pagination__link:focus-visible{outline:2px solid #FF6B35;outline-offset:3px}@media (prefers-reduced-motion: reduce){.podcast-hero__badge,.podcast-hero__title,.podcast-hero__subtitle,.podcast-hero__featured{animation:none}.podcast-hero::before,.podcast-hero::after{animation:none}.podcast-hero__waveform-bar{animation:none}.podcast-hero__badge-dot{animation:none}.podcast-ep-hero::before,.podcast-ep-hero::after{animation:none}.podcast-ep-header__badges,.podcast-ep-header__title,.podcast-ep-header__meta{animation:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}
