.ds-card{background:var(--dark-bg-secondary);border-radius:12px;transition:all .3s ease}.ds-card--default{box-shadow:0 4px 6px #0000001a;border:1px solid rgba(255,255,255,.05)}.ds-card--elevated{box-shadow:0 20px 40px #0000004d;border:2px solid rgba(255,215,0,.1)}.ds-card--outlined{box-shadow:none;border:2px solid rgba(255,215,0,.3)}.ds-card--padding-sm{padding:1rem}.ds-card--padding-md{padding:1.5rem}.ds-card--padding-lg{padding:2rem}.ds-card--padding-xl{padding:2.5rem}.ds-card--clickable{cursor:pointer}.ds-card--clickable:hover{transform:translateY(-4px);box-shadow:0 12px 30px #ffd70033;border-color:#ffd7004d}.ds-card--clickable:active{transform:translateY(-2px)}@media (max-width: 768px){.ds-card--padding-lg{padding:1.5rem}.ds-card--padding-xl{padding:2rem}}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:8px;font-family:inherit;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.ds-button--primary{background:linear-gradient(135deg,gold,#b8860b);color:#000}.ds-button--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #ffd70066}.ds-button--secondary{background:var(--dark-bg-secondary);color:var(--primary-color);border:2px solid var(--primary-color)}.ds-button--secondary:hover:not(:disabled){background:#ffd7001a;transform:translateY(-2px)}.ds-button--outline{background:transparent;color:var(--text-light);border:2px solid rgba(255,255,255,.2)}.ds-button--outline:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.ds-button--ghost{background:transparent;color:var(--text-light)}.ds-button--ghost:hover:not(:disabled){background:#ffffff0d}.ds-button--sm{padding:.5rem 1rem;font-size:.875rem}.ds-button--md{padding:.75rem 1.5rem;font-size:1rem}.ds-button--lg{padding:1rem 2rem;font-size:1.125rem}.ds-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.ds-button:active:not(:disabled){transform:translateY(0)!important}.ds-button--full-width{width:100%}.ds-button--loading{pointer-events:none}.ds-button__spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:currentColor;border-radius:50%;animation:ds-button-spin .6s linear infinite}@keyframes ds-button-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.ds-button--lg{padding:.875rem 1.75rem;font-size:1rem}}.ds-section-title-wrapper{margin-bottom:3rem}.ds-section-title-wrapper--left{text-align:left}.ds-section-title-wrapper--center{text-align:center}.ds-section-title-wrapper--right{text-align:right}.ds-section-title{font-weight:700;line-height:1.2;margin-bottom:1rem}.ds-section-title--gradient{background:linear-gradient(135deg,gold,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ds-section-title--light{color:var(--text-light)}.ds-section-title--dark{color:var(--dark-bg)}.ds-section-title--sm{font-size:1.5rem}.ds-section-title--md{font-size:2rem}.ds-section-title--lg{font-size:2.5rem}.ds-section-title--xl{font-size:3rem}.ds-section-subtitle{font-size:1.125rem;color:var(--text-gray);max-width:600px;line-height:1.6}.ds-section-subtitle--left{text-align:left;margin-left:0;margin-right:auto}.ds-section-subtitle--center{text-align:center;margin-left:auto;margin-right:auto}.ds-section-subtitle--right{text-align:right;margin-left:auto;margin-right:0}@media (max-width: 768px){.ds-section-title-wrapper{margin-bottom:2rem}.ds-section-title--sm{font-size:1.25rem}.ds-section-title--md{font-size:1.5rem}.ds-section-title--lg{font-size:1.875rem}.ds-section-title--xl{font-size:2.25rem}.ds-section-subtitle{font-size:1rem}}.ds-screen-header{width:100%;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.05)}.ds-screen-header--fixed{position:fixed;top:0;left:0;z-index:1000}.ds-screen-header__container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.ds-screen-header__logo{display:flex;align-items:center;justify-content:flex-start}.ds-screen-header__logo img{height:40px;width:auto}.ds-screen-header__title{display:flex;align-items:center;justify-content:center;text-align:center}.ds-screen-header__title h1{font-size:1.5rem;font-weight:700;color:var(--text-light);margin:0;background:linear-gradient(135deg,gold,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ds-screen-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.ds-screen-header__actions button{background:transparent;border:none;color:var(--text-light);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;position:relative}.ds-screen-header__actions button:hover{background:#ffd7001a;color:var(--primary-color)}.ds-screen-header__badge{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid var(--dark-bg)}@media (max-width: 768px){.ds-screen-header__container{grid-template-columns:auto 1fr auto}.ds-screen-header__title h1{font-size:1.125rem}.ds-screen-header__logo img{height:32px}}.demo-dashboard{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #0000001a,0 0 0 1px #0000000d;height:600px;max-height:600px;display:flex;flex-direction:column;margin:0!important;padding:0!important}.demo-dashboard-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #6366f133;position:relative}.demo-dashboard-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.demo-dashboard-logo{display:flex;align-items:center;gap:1rem}.demo-logo-icon{font-size:1.75rem}.demo-dashboard-logo h2{color:#fff;font-size:1.5rem;font-weight:800;margin:0;letter-spacing:-.5px}.demo-header-badge{display:flex;align-items:center;gap:.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.4rem .875rem;border-radius:50px;color:#fff;font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.2);margin-left:.5rem}.demo-badge-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.demo-dashboard-user{display:flex;align-items:center;gap:1.25rem}.demo-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.demo-user-name{color:#fff;font-weight:700;font-size:.95rem}.demo-user-role{color:#ffffffbf;font-size:.8rem;font-weight:500}.demo-logout-btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);padding:.6rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.demo-logout-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}.demo-dashboard-nav{display:flex;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:.5rem 1.5rem;gap:.25rem;overflow-x:auto}.demo-nav-btn{padding:.875rem 1.5rem;background:transparent;border:none;border-radius:10px 10px 0 0;font-size:.95rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.demo-nav-btn:hover{background:#6366f114;color:#6366f1}.demo-nav-btn.active{background:#fff;color:#6366f1;box-shadow:0 -2px 8px #0000000d}.demo-nav-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#6366f1,#8b5cf6)}.demo-dashboard-content{flex:1;overflow-y:auto;padding:2rem;background:linear-gradient(180deg,#f8fafc,#fff)}.demo-tab-content h3{color:#1e293b;font-size:1.875rem;margin-bottom:1.75rem;font-weight:800;letter-spacing:-.5px}.demo-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin-bottom:2rem}.demo-stat-card{background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:1.75rem;border-radius:16px;text-align:center;color:#fff;box-shadow:0 4px 20px #6366f140,0 0 0 1px #ffffff1a inset;transition:all .3s ease;position:relative;overflow:hidden}.demo-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.demo-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #6366f159,0 0 0 1px #fff3 inset}.demo-stat-number{font-size:2.5rem;font-weight:900;margin-bottom:.5rem;position:relative}.demo-stat-label{font-size:.875rem;opacity:.95;font-weight:600;position:relative;letter-spacing:.3px}.demo-placeholder{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:16px;padding:3.5rem 2rem;text-align:center;color:#64748b;position:relative;overflow:hidden}.demo-placeholder:before{content:"🚧";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;opacity:.03}.demo-placeholder p{margin:.75rem 0;font-size:1.05rem;font-weight:500;position:relative}.demo-placeholder p:first-child{font-weight:700;font-size:1.15rem;color:#475569}@media (max-width: 768px){.demo-dashboard{height:700px}.demo-dashboard-header{flex-direction:column;gap:1rem;align-items:flex-start;padding:1rem 1.5rem}.demo-dashboard-user{width:100%;justify-content:space-between}.demo-stats-grid{grid-template-columns:repeat(2,1fr)}.demo-dashboard-content{padding:1.25rem}.demo-dashboard-nav{padding:.5rem 1rem}.demo-nav-btn{padding:.75rem 1.25rem;font-size:.9rem}}.demo-dashboard-embed{flex:1;position:relative;overflow:hidden;margin:0;padding:0;border-radius:12px}.demo-dashboard-iframe{width:125%;height:125%;border:none;background:#fff;display:block;margin:0;padding:0;border-radius:12px;transform:scale(.8);transform-origin:top left}.demo-mobile-container{display:flex;justify-content:center;align-items:flex-start;width:100%;height:600px;margin:0!important;padding:0!important;overflow:hidden;position:relative;top:0}.demo-mobile-frame{border:10px solid #1a1a1a;border-radius:50px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #0000001a;background:#000;transform:scale(.68);transform-origin:top center;margin:0!important;position:relative;top:0}.demo-mobile-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.demo-mobile-label{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50px;font-weight:600;font-size:.9rem;box-shadow:0 4px 15px #667eea4d}.demo-mobile-badge{background:#ffffff40;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.3)}.demo-mobile-icon{font-size:1.2rem}.demo-mobile-device{position:sticky;top:100px}.demo-mobile-screen{height:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative}.demo-mobile-iframe{width:100%;height:100%;border:none;background:#fff}.demo-mobile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.demo-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.demo-mobile-loading p{font-size:.9rem;opacity:.9}.demo-mobile-hint{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#f8f9fa;border-radius:12px;font-size:.85rem;color:#666;margin-top:1rem}.demo-hint-icon{font-size:1.1rem}.demo-app-screen{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:70px}.demo-app-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.25rem 1rem;display:flex;justify-content:space-between;align-items:center;color:#fff}.demo-app-header h2{font-size:1.25rem;font-weight:700;margin:0}.demo-notification-btn,.demo-filter-btn,.demo-settings-btn{background:#fff3;border:none;font-size:1.25rem;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s ease}.demo-notification-btn:active,.demo-filter-btn:active,.demo-settings-btn:active{background:#ffffff4d;transform:scale(.95)}.demo-app-content{flex:1;padding:1rem;overflow-y:auto}.demo-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.demo-quick-stat{background:#fff;padding:1rem;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000001a}.demo-stat-value{font-size:1.5rem;font-weight:800;color:#667eea;margin-bottom:.25rem}.demo-stat-name{font-size:.75rem;color:#6c757d;font-weight:600}.demo-section{margin-bottom:1.5rem}.demo-section-title{font-size:1rem;font-weight:700;color:#212529;margin-bottom:.75rem}.demo-class-card{background:#fff;padding:1rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;box-shadow:0 2px 8px #0000001a;margin-bottom:.75rem}.demo-class-emoji{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px}.demo-class-info{flex:1}.demo-class-name{font-weight:700;color:#212529;font-size:.95rem;margin-bottom:.25rem}.demo-class-time{font-size:.75rem;color:#6c757d}.demo-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:20px;font-weight:700;font-size:.85rem;cursor:pointer}.demo-action-btn:active{transform:scale(.95)}.demo-action-btn-small{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.4rem 1rem;border-radius:16px;font-weight:600;font-size:.8rem;cursor:pointer}.demo-action-btn-small:active{transform:scale(.95)}.demo-activity-list{display:flex;flex-direction:column;gap:.5rem}.demo-activity-item{background:#fff;padding:.75rem 1rem;border-radius:10px;display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:#495057;box-shadow:0 2px 6px #00000014}.demo-class-list{display:flex;flex-direction:column}.demo-community-feed{display:flex;flex-direction:column;gap:1rem}.demo-post-card{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.demo-post-header{display:flex;gap:.75rem;margin-bottom:.75rem}.demo-post-avatar{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.demo-post-user{flex:1}.demo-post-name{font-weight:700;color:#212529;font-size:.9rem}.demo-post-time{font-size:.75rem;color:#6c757d}.demo-post-content{font-size:.9rem;color:#495057;line-height:1.5;margin-bottom:.75rem}.demo-post-actions{display:flex;gap:1rem}.demo-post-actions button{background:#f8f9fa;border:1px solid #e9ecef;padding:.4rem .75rem;border-radius:20px;font-size:.8rem;cursor:pointer}.demo-post-actions button:active{background:#e9ecef}.demo-profile-header{background:#fff;padding:1.5rem;border-radius:16px;text-align:center;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a}.demo-profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 1rem}.demo-profile-name{font-size:1.25rem;font-weight:700;color:#212529;margin-bottom:1rem}.demo-profile-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.demo-profile-stat{text-align:center}.demo-profile-stat-value{font-size:1.25rem;font-weight:800;color:#667eea}.demo-profile-stat-label{font-size:.75rem;color:#6c757d;font-weight:600}.demo-badges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.demo-badge{background:#fff;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.demo-mobile-nav{position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e9ecef;display:grid;grid-template-columns:repeat(4,1fr);padding:.5rem 0;box-shadow:0 -2px 10px #0000000d}.demo-mobile-nav-btn{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;cursor:pointer;color:#6c757d;transition:all .2s ease}.demo-mobile-nav-btn.active{color:#667eea}.demo-nav-icon{font-size:1.5rem}.demo-nav-label{font-size:.65rem;font-weight:600}@media (max-width: 768px){.demo-mobile-device{position:static}}.demo-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding-top:80px}.demo-page-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:4rem 2rem;text-align:center;position:relative;overflow:hidden}.demo-page-header:before{content:"🎮";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20rem;opacity:.05;pointer-events:none}.demo-page-header-content{position:relative;z-index:1;max-width:900px;margin:0 auto}.demo-page-title{font-size:4rem;font-weight:900;color:#fff;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,.2)}.demo-page-subtitle{font-size:1.5rem;color:#fffffff2;margin-bottom:2rem;line-height:1.6}.demo-page-badge{display:inline-flex;align-items:center;gap:.75rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.875rem 1.75rem;border-radius:50px;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.3);font-size:1rem}.demo-badge-icon{font-size:1.75rem}.demo-page-content{padding:3rem 2rem}.demo-page-container{max-width:2000px;margin:0 auto;display:flex;flex-direction:row;gap:3rem;margin-bottom:3rem;align-items:flex-start}.demo-page-dashboard{flex:3;display:flex;flex-direction:column;margin:0!important;padding:0!important}.demo-page-mobile{flex:1;display:flex;flex-direction:column;align-items:center;margin:0!important;padding:0!important}.demo-page-section-label{display:flex;align-items:center;gap:1rem;background:#fff;padding:1.25rem 1.75rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:2px solid rgba(102,126,234,.1)}.demo-label-icon{font-size:2.5rem}.demo-label-text{display:flex;flex-direction:column;gap:.25rem}.demo-label-title{font-size:1.25rem;font-weight:800;color:#212529}.demo-label-subtitle{font-size:.9rem;color:#6c757d;font-weight:500}.demo-page-instructions{max-width:2000px;margin:0 auto}.demo-instruction-card{background:#fff;padding:2rem 2.5rem;border-radius:20px;display:flex;align-items:center;gap:1.75rem;box-shadow:0 8px 30px #0000001a;border-left:5px solid #667eea}.demo-instruction-icon{font-size:3rem;flex-shrink:0}.demo-instruction-card p{color:#495057;line-height:1.8;font-size:1.1rem;margin:0}@media (max-width: 1400px){.demo-page-container{flex-direction:column;max-width:900px}.demo-page-mobile{order:-1}}@media (max-width: 768px){.demo-page{padding-top:70px}.demo-page-header{padding:2.5rem 1.5rem}.demo-page-title{font-size:2.5rem}.demo-page-subtitle{font-size:1.1rem}.demo-page-badge{font-size:.875rem;padding:.75rem 1.5rem}.demo-badge-icon{font-size:1.5rem}.demo-page-content{padding:2rem 1rem}.demo-page-container{gap:1.5rem}.demo-page-section-label{padding:1rem 1.25rem}.demo-label-icon{font-size:2rem}.demo-label-title{font-size:1.1rem}.demo-label-subtitle{font-size:.85rem}.demo-instruction-card{flex-direction:column;text-align:center;padding:1.5rem}.demo-instruction-icon{font-size:2.5rem}.demo-instruction-card p{font-size:.95rem}}@media (max-width: 480px){.demo-page-title{font-size:2rem}.demo-page-subtitle{font-size:1rem}.demo-page-header:before{font-size:12rem}}.video-intro-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease-out}.video-intro-modal{background:#fff;border-radius:24px;max-width:900px;width:100%;padding:2.5rem;box-shadow:0 20px 60px #00000080;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.video-intro-header{text-align:center;margin-bottom:2rem}.video-intro-title{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.video-intro-subtitle{font-size:1.1rem;color:#6c757d;line-height:1.6}.video-intro-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;background:#000;margin-bottom:2rem;box-shadow:0 10px 40px #0003}.video-intro-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:16px}.video-intro-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.video-intro-btn{padding:1rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.video-intro-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 20px #667eea66}.video-intro-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea80}.video-intro-btn-secondary{background:transparent;color:#6c757d;border:2px solid #dee2e6}.video-intro-btn-secondary:hover{background:#f8f9fa;border-color:#adb5bd}.video-intro-note{text-align:center;color:#6c757d;font-size:.95rem;margin:0;font-style:italic}@media (max-width: 768px){.video-intro-modal{padding:1.5rem}.video-intro-title{font-size:1.75rem}.video-intro-subtitle{font-size:1rem}.video-intro-actions{flex-direction:column}.video-intro-btn{width:100%;justify-content:center;padding:.875rem 2rem;font-size:1rem}}@media (max-width: 480px){.video-intro-overlay{padding:1rem}.video-intro-modal{padding:1.25rem}.video-intro-title{font-size:1.5rem}.video-intro-subtitle{font-size:.9rem}.video-intro-note{font-size:.85rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #FFD700;--primary-dark: #B8860B;--secondary-color: #FDB931;--dark-bg: #000000;--dark-bg-secondary: #1a1a1a;--text-light: #f1f5f9;--text-gray: #cbd5e1;--accent-gradient: linear-gradient(135deg, #FFD700 0%, #B8860B 100%);--hero-gradient: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 50%, #000000 100%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--text-light);background-color:var(--dark-bg);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}nav{position:fixed;top:0;width:100%;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;z-index:1000;transition:all .3s ease}nav.scrolled{box-shadow:0 4px 20px #0000004d}.nav-content{display:flex;justify-content:space-between;align-items:center;gap:3rem}.logo{cursor:pointer;display:flex;align-items:center}.logo img{height:50px;width:auto;object-fit:contain;transition:transform .3s ease}.logo img:hover{transform:scale(1.05)}.nav-links{display:flex;gap:2.5rem;list-style:none;align-items:center;flex:1;justify-content:flex-end}.nav-links a{color:var(--text-light);text-decoration:none;font-weight:500;transition:color .3s ease;cursor:pointer;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--primary-color)}.nav-links a.active:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--primary-color)}.nav-demo-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;padding:.75rem 1.75rem!important;border-radius:50px!important;font-weight:700!important;font-size:1rem!important;box-shadow:0 6px 25px #667eea66!important;transition:all .3s ease!important;position:relative;text-decoration:none}.nav-demo-button:hover{transform:translateY(-2px) scale(1.03)!important;box-shadow:0 10px 35px #667eea99!important;color:#fff!important}.nav-demo-button:after{display:none!important}.nav-cta-button{background:var(--accent-gradient)!important;color:#000!important;padding:.875rem 2rem!important;border-radius:50px!important;font-weight:800!important;font-size:1.05rem!important;box-shadow:0 8px 30px #ffd70066!important;transition:all .3s ease!important;position:relative;overflow:hidden;animation:buttonPulse 2s ease-in-out infinite}.nav-cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.nav-cta-button:hover:before{width:300px;height:300px}.nav-cta-button:hover{transform:translateY(-3px) scale(1.05)!important;box-shadow:0 12px 40px #ffd70099!important;color:#000!important;animation:none}.nav-cta-button:after{display:none!important}@keyframes buttonPulse{0%,to{box-shadow:0 8px 30px #ffd70066}50%{box-shadow:0 8px 40px #ffd70099}}.nav-cta{background:var(--accent-gradient);color:#000;padding:.75rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;border:none;cursor:pointer}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffd70066}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text-light);font-size:1.5rem;cursor:pointer}.hero{background:var(--hero-gradient);padding:120px 0 60px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,215,0,.1) 0%,transparent 50%);animation:pulse 8s ease-in-out infinite}.hero:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.03) 1px,transparent 1px);background-size:50px 50px;animation:moveGrid 20s linear infinite;opacity:.5}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes moveGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-content{position:relative;z-index:1}.hero .container{max-width:1200px}.hero h1{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:1}.hero .subheadline{font-size:1.25rem;color:var(--text-gray);margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto;opacity:1}.cta-button{display:inline-block;background:var(--accent-gradient);color:#000;padding:1.25rem 3rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:0 10px 40px #ffd7004d;border:none;cursor:pointer;opacity:1;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta-button:hover:before{width:300px;height:300px}.cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 50px #ffd70080}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}section{padding:100px 0}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,gold,#b8860b,gold);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.section-subtitle{text-align:center;color:var(--text-gray);font-size:1.1rem;margin-bottom:4rem}.what-we-do{background:var(--dark-bg-secondary)}.reality-check{max-width:900px;margin:0 auto 4rem;text-align:center;padding:3rem;background:#ffd7000d;border-radius:20px;border:1px solid rgba(255,215,0,.2);animation:fadeInScale .8s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.reality-check h3{font-size:2rem;color:var(--primary-color);margin-bottom:1.5rem;font-weight:700;font-style:italic}.reality-check p{font-size:1.15rem;color:var(--text-gray);line-height:1.8;margin-bottom:1.5rem}.reality-check p:last-child{margin-bottom:0}.reality-highlight{font-size:1.25rem!important;color:var(--text-light)!important;font-weight:600;margin-top:2rem!important}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.feature-card{background:var(--dark-bg);padding:2.5rem;border-radius:20px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,215,0,.1);opacity:0;animation:fadeInUp .8s ease forwards}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:hover{transform:translateY(-10px) scale(1.02);border-color:#ffd70080;box-shadow:0 20px 60px #ffd7004d}.feature-icon{width:80px;height:80px;background:var(--accent-gradient);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-card h3{font-size:1.75rem;margin-bottom:1rem;color:var(--text-light)}.feature-card p{color:var(--text-gray);line-height:1.8}.how-it-works{background:var(--dark-bg)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem;position:relative}.step{text-align:center;position:relative;opacity:0;animation:fadeInUp .6s ease forwards}.step:nth-child(1){animation-delay:.1s}.step:nth-child(2){animation-delay:.2s}.step:nth-child(3){animation-delay:.3s}.step:nth-child(4){animation-delay:.4s}.step:nth-child(5){animation-delay:.5s}.step:after{content:"";position:absolute;top:30px;left:calc(100% - 40px);width:calc(100% - 80px);height:2px;background:linear-gradient(to right,var(--primary-color) 0%,var(--primary-color) 20%,transparent 20%,transparent 40%,var(--primary-color) 40%,var(--primary-color) 60%,transparent 60%,transparent 80%,var(--primary-color) 80%,var(--primary-color) 100%);background-size:20px 2px;opacity:.3}.step:last-child:after{display:none}.step-number{width:60px;height:60px;background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;font-weight:700;box-shadow:0 10px 30px #ffd7004d;animation:pulse 2s ease-in-out infinite;position:relative}.step-number:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;border:2px solid var(--primary-color);animation:ripple 2s ease-out infinite;opacity:0}@keyframes ripple{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}.step h4{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-light)}.step p{color:var(--text-gray);font-size:.95rem}.benefits{background:var(--dark-bg-secondary)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.benefit-item{background:var(--dark-bg);padding:2rem;border-radius:15px;border-left:4px solid var(--primary-color);transition:all .3s ease;opacity:0;animation:fadeInRight .6s ease forwards}.benefit-item:nth-child(1){animation-delay:.1s}.benefit-item:nth-child(2){animation-delay:.2s}.benefit-item:nth-child(3){animation-delay:.3s}.benefit-item:nth-child(4){animation-delay:.4s}.benefit-item:nth-child(5){animation-delay:.5s}.benefit-item:nth-child(6){animation-delay:.6s}.benefit-item:hover{transform:translate(10px) scale(1.02)}@keyframes fadeInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.benefit-icon{font-size:2rem;margin-bottom:1rem;display:inline-block;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.benefit-item h4{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-light)}.benefit-item p{color:var(--text-gray);font-size:.95rem}.benefit-more-card{display:flex;flex-direction:column;justify-content:center;align-items:center}.benefit-more-card h4{color:var(--primary-color)!important;font-style:italic;font-size:1.5rem!important;text-align:center}.benefit-more-card .benefit-icon{font-size:2.5rem}.stats-section{background:var(--dark-bg);padding:100px 0;position:relative;overflow:hidden}.stats-section:before{content:"📊";position:absolute;top:10%;right:5%;font-size:15rem;opacity:.03;animation:float 6s ease-in-out infinite}.stats-header{text-align:center;margin-bottom:4rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem}.stat-card{background:var(--dark-bg-secondary);padding:2.5rem 2rem;border-radius:20px;text-align:center;border:2px solid rgba(255,215,0,.2);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .5s ease}.stat-card:hover:before{left:100%}.stat-card:hover{transform:translateY(-10px) scale(1.05);border-color:#ffd70099;box-shadow:0 20px 60px #ffd7004d}.stat-number{font-size:3.5rem;font-weight:900;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1.2;animation:pulse 2s ease-in-out infinite}.stat-card h4{font-size:1.25rem;color:var(--text-light);margin-bottom:.75rem;font-weight:700}.stat-card p{font-size:.95rem;color:var(--text-gray);line-height:1.6}.stats-footer{text-align:center;max-width:800px;margin:0 auto;padding:2.5rem;background:#ffd7000d;border-radius:20px;border:1px solid rgba(255,215,0,.2)}.stats-footer p{font-size:1.2rem;color:var(--text-gray);line-height:1.8}.stats-footer strong{color:var(--primary-color);font-weight:700}.about-us{background:var(--dark-bg);padding:100px 0}.about-content{max-width:1000px;margin:0 auto}.about-intro{text-align:center;margin-bottom:4rem}.about-intro p{font-size:1.25rem;color:var(--text-gray);line-height:1.8;max-width:800px;margin:0 auto}.about-intro strong{color:var(--primary-color);font-weight:700}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-bottom:4rem}.about-card{background:var(--dark-bg-secondary);padding:2.5rem;border-radius:20px;border:1px solid rgba(255,215,0,.1);transition:all .3s ease;opacity:0;animation:fadeInUp .8s ease forwards}.about-card:nth-child(1){animation-delay:.1s}.about-card:nth-child(2){animation-delay:.2s}.about-card:nth-child(3){animation-delay:.3s}.about-card:hover{border-color:#ffd7004d;transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #ffd70033}.about-icon{font-size:3rem;margin-bottom:1.5rem;display:inline-block;animation:rotate 4s ease-in-out infinite}@keyframes rotate{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}.about-card h3{font-size:1.5rem;color:var(--text-light);margin-bottom:1rem}.about-card p{color:var(--text-gray);line-height:1.8;font-size:1rem}.about-cta{text-align:center;background:var(--dark-bg-secondary);padding:2.5rem;border-radius:20px;border-left:4px solid var(--primary-color)}.about-cta p{font-size:1.25rem;color:var(--text-gray);line-height:1.8}.about-cta strong{color:var(--primary-color);font-weight:700}.contact-section{background:var(--dark-bg-secondary)}.contact-flex-container{display:flex;gap:2rem;align-items:stretch;margin-top:2rem}.contact-form-wrapper,.calendar-wrapper{flex:1;background:var(--dark-bg);padding:2rem;border-radius:20px;border:1px solid rgba(255,215,0,.2);display:flex;flex-direction:column;min-height:700px}.contact-form-wrapper,.calendar-wrapper{justify-content:flex-start}.ghl-calendar-container{flex-grow:1;display:flex;flex-direction:column}.calendar-cta-container{display:flex;flex-direction:column;gap:2rem;flex-grow:1;justify-content:center}.calendar-benefits{display:flex;flex-direction:column;gap:1.5rem}.calendar-benefit-item{display:flex;align-items:center;gap:1rem;color:var(--text-light);font-size:1.1rem}.benefit-icon{font-size:1.5rem;flex-shrink:0}.contact-option-title{text-align:center;margin-bottom:1.5rem;color:var(--text-light);font-size:1.5rem;font-weight:600}.calendar-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto}.calendar-modal{background:var(--dark-bg);border-radius:20px;border:1px solid rgba(255,215,0,.3);max-width:1000px;width:100%;max-height:95vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080;margin:auto}.calendar-modal-content{padding:0 2rem 2rem;min-height:800px}@media (max-width: 768px){.calendar-modal{max-width:95%;max-height:90vh}.calendar-modal-content{padding:0 1rem 1rem;min-height:700px}}.contact-form{max-width:100%;margin:0;background:transparent;padding:0;border-radius:0;border:none;display:flex;flex-direction:column;flex-grow:1}@media (max-width: 968px){.contact-flex-container{flex-direction:column}.contact-form-wrapper,.calendar-wrapper{width:100%}}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-light);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:1rem;border-radius:10px;border:1px solid rgba(255,215,0,.2);background:var(--dark-bg-secondary);color:var(--text-light);font-family:inherit;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:150px}.submit-button{width:100%;background:var(--accent-gradient);color:#000;padding:1.25rem 2rem;border-radius:50px;border:none;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #ffd70066}.submit-button:disabled{opacity:.6;cursor:not-allowed}.form-status{margin-top:1rem;padding:1rem;border-radius:10px;text-align:center}.form-status.success{background:#10b9811a;color:#10b981;border:1px solid #10b981}.form-status.error{background:#ef44441a;color:#ef4444;border:1px solid #ef4444}.calendly-container{margin-top:3rem;padding:2rem;background:var(--dark-bg);border-radius:20px;border:1px solid rgba(255,215,0,.2)}.calendly-button{background:var(--accent-gradient);color:#000;padding:1rem 2rem;border-radius:50px;border:none;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;margin:0 auto;display:block}.calendly-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffd70066}.faq-section{background:var(--dark-bg);padding:100px 0}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:var(--dark-bg-secondary);border:1px solid rgba(255,215,0,.1);border-radius:15px;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#ffd7004d}.faq-item.active{border-color:#ffd70080}.faq-question{width:100%;display:flex;align-items:center;gap:1rem;padding:1.5rem;background:none;border:none;color:var(--text-light);font-size:1.1rem;font-weight:600;text-align:left;cursor:pointer;transition:all .3s ease}.faq-question:hover{color:var(--primary-color)}.faq-icon{font-size:1.5rem;flex-shrink:0}.faq-question-text{flex:1}.faq-toggle{font-size:1.5rem;font-weight:300;color:var(--primary-color);flex-shrink:0}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-answer.open{max-height:500px;padding:0 1.5rem 1.5rem 4.5rem}.faq-answer p{color:var(--text-gray);line-height:1.8;font-size:1rem}.final-cta{background:linear-gradient(135deg,gold,#b8860b);text-align:center;padding:100px 0}.final-cta h2{font-size:3rem;font-weight:800;margin-bottom:1rem;color:#000}.final-cta .subheadline{font-size:1.25rem;margin-bottom:2.5rem;color:#000;opacity:.85}.final-cta .cta-button{background:#000;color:var(--primary-color)}.final-cta .cta-button:hover{box-shadow:0 15px 50px #00000080}.sticky-contact-button{display:none}footer{background:var(--dark-bg);padding:2rem 0;text-align:center;color:var(--text-gray);border-top:1px solid rgba(255,255,255,.05)}@media (max-width: 768px){.nav-links{position:fixed;top:70px;left:0;right:0;background:#000000fa;flex-direction:column;padding:2rem;gap:1.5rem;transform:translate(-100%);transition:transform .3s ease}.nav-links.mobile-open{transform:translate(0)}.mobile-menu-toggle{display:block}.nav-cta-button{width:100%;text-align:center;padding:1rem 2rem!important;font-size:1.1rem!important}.logo img{height:40px}.hero h1{font-size:2.25rem}.hero .subheadline{font-size:1.1rem}.section-title{font-size:2rem}.reality-check{padding:2rem 1.5rem}.reality-check h3{font-size:1.5rem}.reality-check p{font-size:1rem}.reality-highlight{font-size:1.1rem!important}.features-grid,.steps-grid{grid-template-columns:1fr}.step:after{display:none}.final-cta h2{font-size:2rem}section{padding:60px 0}.hero{padding:100px 20px 50px}.hero h1{font-size:2.25rem!important}.hero .subheadline{font-size:1.1rem!important}.faq-question{font-size:1rem;padding:1.25rem}.faq-answer.open{padding:0 1.25rem 1.25rem 3.5rem}.faq-icon{font-size:1.25rem}.about-grid{grid-template-columns:1fr}.about-intro p,.about-cta p{font-size:1.1rem}.benefit-more-card h4{font-size:1.25rem!important}.stats-grid{grid-template-columns:1fr;gap:1.5rem}.stat-number{font-size:2.5rem}.stat-card h4{font-size:1.1rem}.stats-footer{padding:2rem 1.5rem}.stats-footer p{font-size:1rem}.sticky-contact-button{display:flex;align-items:center;justify-content:center;gap:.75rem;position:fixed;top:80px;left:20px;background:var(--accent-gradient);color:#000;padding:.875rem 1.5rem;border-radius:50px;border:none;font-weight:700;font-size:.95rem;cursor:pointer;z-index:999;box-shadow:0 8px 32px #ffd70080;transition:all .3s ease;animation:slideInLeft .6s ease-out}.sticky-contact-button:hover{transform:translate(3px);box-shadow:0 12px 40px #ffd700b3}.sticky-contact-button:active{transform:translate(1px)}.sticky-contact-icon{font-size:1.1rem}.sticky-contact-text{font-weight:700;font-size:.95rem}@keyframes slideInLeft{0%{transform:translate(-100px);opacity:0}60%{transform:translate(10px);opacity:1}80%{transform:translate(-5px)}to{transform:translate(0)}}}.fade-in{animation:fadeInUp .8s ease both}.video-section{padding:120px 20px 60px;background:var(--dark-bg)}.video-pre-title{font-size:1.5rem;font-weight:600;text-align:center;color:var(--text-light);margin-bottom:1rem;animation:fadeInUp .6s ease;line-height:1.4}.highlight-green{color:#10b981;font-weight:700}.video-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease .1s both}.animated-teaser{display:inline-block;background:linear-gradient(90deg,gold,#fdb931,gold,#b8860b,gold,#fdb931);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.video-container{position:relative;width:100%;max-width:900px;margin:0 auto;padding-bottom:50.625%;height:0;overflow:hidden;border-radius:12px;box-shadow:0 20px 60px #ffd70033;background:#000;animation:fadeInUp 1s ease .2s both}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-locked{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;transition:all .3s ease}.video-locked:hover{transform:scale(1.02)}.video-thumbnail{position:relative;width:100%;height:100%}.video-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:12px}.play-button-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0006;border-radius:12px;transition:all .3s ease}.video-locked:hover .play-button-overlay{background:#0009}.play-button{transition:transform .3s ease}.video-locked:hover .play-button{transform:scale(1.1)}.unlock-text{margin-top:1rem;font-size:1.5rem;font-weight:700;color:var(--primary-color);text-shadow:0 2px 10px rgba(0,0,0,.5)}.video-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease;padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-modal{background:var(--dark-bg-secondary);border-radius:16px;padding:2rem 2.5rem;max-width:500px;width:100%;position:relative;box-shadow:0 20px 60px #ffd7004d;border:2px solid rgba(255,215,0,.2);animation:slideUp .4s ease;max-height:90vh;overflow-y:auto;margin:auto}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-light);font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#ffd7001a;color:var(--primary-color);transform:rotate(90deg)}.modal-title{font-size:2rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-align:center}.modal-subtitle{text-align:center;color:var(--text-gray);margin-bottom:1.5rem;font-size:1rem}.video-modal-form{display:flex;flex-direction:column;gap:.75rem}.video-modal-form .form-group{width:100%}.video-modal-form input,.video-modal-form textarea{width:100%;padding:.875rem;background:#ffffff0d;border:2px solid rgba(255,215,0,.2);border-radius:8px;color:var(--text-light);font-size:1rem;font-family:inherit;transition:all .3s ease}.video-modal-form input:focus,.video-modal-form textarea:focus{outline:none;border-color:var(--primary-color);background:#ffffff14;box-shadow:0 0 20px #ffd70033}.video-modal-form input::placeholder,.video-modal-form textarea::placeholder{color:var(--text-gray)}.video-modal-form textarea{resize:vertical;min-height:60px}.modal-submit-btn{padding:1rem 2rem;background:var(--accent-gradient);color:#000;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.modal-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #ffd70066}.modal-submit-btn:active:not(:disabled){transform:translateY(0)}.modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}.modal-skip-btn{width:100%;padding:.75rem;background:transparent;color:var(--text-gray);border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem;text-align:center}.modal-skip-btn:hover:not(:disabled){color:var(--text-light);background:#ffffff0d}.modal-skip-btn:disabled{opacity:.5;cursor:not-allowed}.modal-note{text-align:center;color:var(--text-gray);font-size:.875rem;margin-top:1rem;line-height:1.5}@media (max-width: 768px){.video-section{padding:100px 15px 40px}.video-pre-title{font-size:1.1rem;margin-bottom:.75rem}.video-title{font-size:1.8rem;margin-bottom:1.5rem}.video-container{border-radius:8px}.video-modal{padding:2rem 1.5rem;margin:10px}.modal-title{font-size:1.5rem}.modal-subtitle{font-size:.9rem}.unlock-text{font-size:1.2rem}.play-button svg{width:60px;height:60px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}