:root{--primary-color: #84bb41;--secondary-color: #ffcb05;--background-color: #e7e9e7;--text-color: #475569;--card-bg: #ffffff;--footer-bg: #3d4f5b;--error-color: #ef4444;--success-color: #10b981;--nav-height: 64px}*{font-family:Montserrat,system-ui,-apple-system,sans-serif}html{font-size:16px;overflow-x:hidden}body{margin:0;font-family:Montserrat,system-ui,-apple-system,sans-serif;background-color:var(--background-color);color:var(--text-color);-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-wrap:break-word}h1,h4,h5,h6{font-weight:800;line-height:1.2;margin-top:0;margin-bottom:.75rem;color:var(--text-color)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}@media(min-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}}a{text-decoration:none;color:inherit}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:0;padding-bottom:1.5rem;position:relative}.footer{background-color:#fff;border-top:1px solid #e2e8f0;padding:2rem 0 0;margin-top:auto}.container{max-width:50rem;margin:0 auto;padding:0 1rem}.navbar{background-color:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px #00000005;position:sticky;top:0;z-index:50;min-height:50px;display:flex;align-items:center;transition:all .3s ease;padding:.5rem 0}.more-menu-grid-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;border-radius:12px;transition:all .2s ease;color:#475569;text-decoration:none;gap:4px}.more-menu-grid-item:hover{background-color:#f1f5f9;color:var(--primary-color)}.more-menu-icon-wrapper{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:#f8fafc;border-radius:16px;color:#475569;transition:all .2s ease}.more-menu-grid-item:hover .more-menu-icon-wrapper{background-color:#fff;color:var(--primary-color);box-shadow:0 4px 12px #0000000d}.more-menu-label{font-size:.9rem!important;font-weight:600!important;text-align:center;color:#64748b;margin-top:4px}.nav-content{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:nowrap!important;gap:1.5rem}.logo{font-weight:800;font-size:1.6rem;background:linear-gradient(135deg,var(--primary-color) 0%,#10b981 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:transform .2s cubic-bezier(.4,0,.2,1);display:inline-block}.logo:hover{transform:scale(1.03)}.logo-img{height:72px;width:auto;transition:height .3s ease}@media(max-width:1024px){.logo-img{height:60px!important}}.nav-container{display:flex;gap:1.5rem;align-items:center;flex-shrink:0}.login-btn{font-size:1.2rem}.nav-links{display:flex;gap:.1rem;align-items:center;flex-wrap:nowrap!important}.nav-link{font-weight:600;font-size:1.3rem;color:#475569;padding:.6rem .5rem;border-radius:9999px;transition:all .2s ease;text-decoration:none;border:1px solid transparent}.nav-link:hover,.nav-link:focus{color:var(--primary-color);background-color:#84ba4114}.nav-link.active{color:var(--primary-color);background-color:#84ba411f}.btn{padding:.5rem 1rem;border-radius:9999px;font-weight:600;cursor:pointer;border:none;transition:all .2s;font-size:1.2rem}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 6px -1px #4f46e533}.btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-1px);box-shadow:0 6px 8px -1px #4f46e54d}.btn-outline{border:1px solid #e2e8f0;color:#64748b;background:transparent}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:#eff6ff}.auth-container{max-width:400px;margin:2rem auto;padding:2.5rem;background:var(--card-bg);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000000d}.auth-container h2{margin-top:0;text-align:center;color:var(--text-color)}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#475569;font-size:.9rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.75rem;box-sizing:border-box;font-size:1rem;transition:border-color .2s,box-shadow .2s;background-color:#f8fafc}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;background-color:#fff}.newsletter-form{display:flex;width:100%}.newsletter-input-wrapper{position:relative;display:flex;width:100%;align-items:center}.newsletter-input{width:100%;padding:.75rem 3rem .75rem 1rem;border:1px solid #cbd5e1;background:#f8fafc;border-radius:9999px;color:#556773;font-size:.95rem;outline:none;transition:all .2s}.newsletter-input::placeholder{color:#94a3b8}.newsletter-input:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #7fad2c1a}.newsletter-btn{position:absolute;right:2px;top:50%;transform:translateY(-50%);background:var(--primary-color);color:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.newsletter-btn:disabled{opacity:.7;cursor:not-allowed;transform:translateY(-50%)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.error-msg{background-color:#fef2f2;color:var(--error-color);padding:.75rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem;border:1px solid #fecaca}.posts-grid{display:flex;flex-direction:column;gap:1.5rem}.post-image-container{width:100%;height:100%;overflow:hidden;background:#f1f5f9;position:absolute;top:0;left:0}.post-image{width:100%;height:100%;object-fit:cover;display:block}.post-card{display:flex;flex-direction:column;height:100%;background:var(--card-bg);border-radius:1rem;overflow:hidden;transition:transform .2s,box-shadow .2s;border:1px solid #f1f5f9;position:relative;cursor:pointer;color:inherit;text-decoration:none;aspect-ratio:16/14;max-height:400px}.post-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #0000001a}.post-item-content{position:absolute;bottom:0;left:0;right:0;height:120px;padding:1rem;background:#fffc;margin:0;display:flex;flex-direction:column;justify-content:center;color:#4f626e;z-index:2}.post-item-title{margin-bottom:0rem;margin-top:.5rem;color:#4f626e;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2}.post-content{margin-bottom:3rem;font-size:1.1rem}.wp-block-image{margin:0}.post-title{margin:1rem 1.5rem .5rem;font-size:1.4rem;line-height:1.3;color:#556773}.post-detail-card{background:var(--card-bg);border-radius:1.5rem;padding:0;overflow:hidden;box-shadow:0 4px 20px #0000000d}.post-detail-image-container{width:100%;height:400px;overflow:hidden;background:#f1f5f9}.post-detail-image{width:100%;height:100%;object-fit:cover;display:block}.single-post-layout{display:flex;gap:2rem;align-items:flex-start}.single-post-content{flex:1;min-width:0}.single-post-sidebar{width:300px;flex-shrink:0;display:none;align-self:flex-start}@media(min-width:1024px){.single-post-sidebar{display:block;align-self:flex-start}}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6,.post-content strong{color:#556773}.post-content img{max-width:100%;height:auto;border-radius:.75rem;margin:1.5rem 0}.post-content .aligncenter{display:block;margin-left:auto;margin-right:auto}.post-content .alignleft{float:left;margin-right:1.5rem;margin-bottom:1rem}.post-content .alignright{float:right;margin-left:1.5rem;margin-bottom:1rem}.post-content figure{margin:1.5rem 0}.post-excerpt{color:#334155;line-height:1.5;margin-bottom:0rem;font-size:1.2rem;font-weight:600}p{margin-bottom:.7rem}.read-more{display:inline-flex;align-items:center;background-color:var(--primary-color);color:#fff;padding:.5rem 1.2rem;border-radius:9999px;font-weight:700;font-size:1.1rem;transition:all .2s ease;box-shadow:0 4px 6px -1px #7fad2c33;margin-top:.5rem}.read-more:hover{background-color:var(--secondary-color);transform:translateY(-1px);box-shadow:0 6px 8px -1px #7fad2c4d;text-decoration:none;color:#fff}.loader-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.loader{width:48px;height:48px;border:5px solid #e2e8f0;border-bottom-color:var(--primary-color);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-transition{width:100%}.category-tabs-container{overflow-x:auto;padding:0;margin-top:0rem;margin-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-tabs{display:flex;gap:.5rem;padding:0 .5rem}.category-tab{padding:.5rem .6rem;--primary-color: #84bb41;--secondary-color: #ffcb05;--footer-bg: #475569;--text-dark: #1e293b;border-radius:.5rem;background-color:#fff;color:#475569;border:none;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s;font-size:1.25rem;text-transform:lowercase}.category-tab:hover,.category-tab.active{background-color:var(--primary-color);color:#fff}@media(min-width:768px){.post-image-container{height:100%}.post-item-content{height:120px;padding:1.2rem;background:#fffc;margin:0}.post-item-content p{margin-bottom:.5rem;margin-top:.5rem}.post-item-title{margin-bottom:0rem;font-size:1.3rem;color:#4f626e}.post-content{margin-left:1.5rem;margin-right:1.5rem;margin-bottom:3rem}.post-title{margin:1rem 1.5rem .5rem;font-size:1.6rem;line-height:1.3;color:#556773}.category-tabs-container{padding:.5rem 0;margin-top:-1rem;margin-bottom:.5rem}.category-tabs{gap:1rem;padding:0;justify-content:center}.category-tab{padding:.875rem 2rem;border-radius:.75rem;font-size:1.2rem;font-weight:600;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.category-tab:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.category-tab.active{box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.category-tab.active:hover{box-shadow:0 6px 16px #2563eb66}}.hero-carousel{position:relative;width:100%;height:500px;border-radius:1.5rem;overflow:hidden;margin-bottom:2rem;box-shadow:0 20px 40px -10px #0003}.hero-slide{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hero-content{text-align:center;color:#fff;max-width:600px;z-index:1}.hero-icon{font-size:5rem;margin-bottom:1rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.hero-title{font-size:3rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.5rem;font-weight:600;margin:0 0 1rem;opacity:.95;text-shadow:0 2px 8px rgba(0,0,0,.2)}.hero-description{font-size:1.1rem;margin:0 0 2rem;opacity:.9;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.2)}.hero-button{display:inline-block;padding:1rem 2.5rem;background:#fff;color:#1e293b;border-radius:2rem;font-weight:700;font-size:1.1rem;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #0003}.hero-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;font-size:3rem;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;z-index:2}.hero-nav:hover{background:#ffffff80;transform:translateY(-50%) scale(1.1)}.hero-nav-prev{left:1rem}.hero-nav-next{right:1rem}.hero-dots{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:2}.hero-dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s;padding:0}.hero-dot:hover{background:#fffc;transform:scale(1.2)}.hero-dot.active{background:#fff;width:32px;border-radius:6px}@media(max-width:768px){.hero-carousel{height:450px;margin-bottom:1.5rem;border-radius:1rem}.hero-icon{font-size:3.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.hero-button{padding:.875rem 2rem;font-size:1rem}.hero-nav{width:40px;height:40px;font-size:2rem}.hero-nav-prev{left:.5rem}.hero-nav-next{right:.5rem}}.home-layout{display:grid;gap:2rem}.mobile-feed{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1024px){.container{max-width:75rem;padding:0 2rem}.home-layout{grid-template-columns:1fr 18.75rem}.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;align-items:stretch}.post-image-container{height:100%;position:absolute;top:0;left:0}.post-item-content{height:120px;padding:1.5rem 1.2rem;background:#fffc;margin:0}.post-item-title{font-size:1.35rem;line-height:1.3;margin-bottom:0rem;color:#4f626e}.post-excerpt{font-size:1rem;line-height:1.4}.mobile-feed{display:none}.feed-banner{display:none!important}}@media(max-width:1023px){.sidebar,.posts-grid{display:none}.nav-auth-buttons{display:none!important}}.mobile-auth-icon{display:none}@media(max-width:1023px){.mobile-auth-icon{display:block}}.sticky-badge{display:inline-block;background-color:#f59e0b;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:.25rem;margin-bottom:.5rem;text-transform:uppercase}.gadget-banner-header{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;box-shadow:none!important}@media(max-width:768px){.banner-card h3{font-size:1.5rem!important}.banner-card div{font-size:5rem!important}.banner-card p{font-size:1.2rem!important}}.footer{background-color:#84bb41;color:#fff;padding:0;margin-top:auto;position:relative;overflow:hidden}.footer-partners-top{background-color:#fff;padding:2rem 0;width:100%}.footer-partners-grid{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;align-items:center}.footer-partner-logo{height:56px;max-width:175px;object-fit:contain;filter:grayscale(1);opacity:.6;transition:all .3s}.footer-partner-logo:hover{filter:none;opacity:1;transform:scale(1.1)}.footer-main-section{padding:.5rem 1rem;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;align-items:flex-start;max-width:75rem;margin:0 auto}.footer-bottom-nav{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;max-width:75rem;margin:0 auto}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;opacity:.8;transition:opacity .2s;font-size:.95rem}.footer-links a:hover{opacity:1;text-decoration:underline}.footer-copyright{font-size:.9rem;opacity:.7}@media(max-width:1024px){.footer-main-section{flex-direction:column;align-items:center;text-align:center;gap:2.5rem;padding-top:1rem}.footer-bottom-nav{flex-direction:column;text-align:center}.footer-links{justify-content:center}}.chat-widget-container{position:fixed;bottom:2.625rem;right:2rem;z-index:1000}.chat-toggle-btn{width:60px;height:60px;border-radius:50%;background-color:#ffcb08;color:#fff;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:transform .2s;display:flex;align-items:center;justify-content:center}.chat-toggle-btn:hover{transform:scale(1.1)}.chat-toggle-btn.hidden{display:none}.chat-window{width:21.875rem;max-width:90vw;height:31.25rem;max-height:80vh;background-color:#fff;border-radius:1rem;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{background-color:var(--primary-color);color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center}.chat-header h3{margin:0;font-size:1.1rem}.close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;background-color:#f8fafc}.message{display:flex}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-bubble{max-width:80%;padding:.75rem 1rem;border-radius:1rem;font-size:.95rem;line-height:1.4}.message.user .message-bubble{background-color:var(--primary-color);color:#fff;border-bottom-right-radius:.25rem}.message.assistant .message-bubble{background-color:#fff;color:var(--text-color);border:1px solid #e2e8f0;border-bottom-left-radius:.25rem}.chat-input-form{padding:1rem;background-color:#fff;border-top:1px solid #e2e8f0;display:flex;gap:.5rem}.chat-input-form input{flex:1;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:9999px;outline:none}.chat-input-form input:focus{border-color:var(--primary-color)}.chat-input-form button{background-color:var(--primary-color);color:#fff;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-input-form button:disabled{background-color:#cbd5e1;cursor:not-allowed}.nav-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;cursor:pointer;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.nav-btn:hover{background:#fff3;transform:translateY(-2px)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);background-color:#f1f5f9;gap:1px;border-bottom:1px solid #e2e8f0}.calendar-day{background-color:#fff;min-height:8.75rem;padding:.75rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;position:relative}.calendar-day:hover{background-color:#f8fafc;z-index:5}.calendar-day.empty{background-color:#f8fafc;cursor:default}.calendar-day.today{background-color:#eff6ff}.day-header{display:flex;justify-content:flex-end;margin-bottom:.5rem}.day-number{font-weight:600;font-size:.9rem;color:#64748b;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.calendar-day.today .day-number{background-color:var(--primary-color);color:#fff}.day-events{display:flex;flex-direction:column;gap:4px;flex:1}.event-pill{padding:2px 6px;border-radius:4px;font-size:.75rem;color:#fff;display:flex;align-items:center;gap:4px;overflow:hidden;white-space:nowrap;box-shadow:0 1px 2px #0000001a}.event-time{font-weight:700;opacity:.9;font-size:.7rem}.event-title{text-overflow:ellipsis;overflow:hidden}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;width:90%;max-width:28.125rem;border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.close-modal-btn{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;font-size:1.2rem;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-modal-btn:hover{background:#e2e8f0;color:#ef4444}.events-list{margin-bottom:2rem;max-height:250px;overflow-y:auto}.empty-state{text-align:center;color:#94a3b8;padding:2rem 0;font-style:italic}.event-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:.75rem;background:#f8fafc;margin-bottom:.5rem;transition:transform .2s}.event-item:hover{transform:translate(4px);background:#f1f5f9}.event-item-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.event-item-time{font-weight:600;color:#475569;font-size:.9rem;min-width:45px}.event-item-note{flex:1;color:#1e293b}.delete-event-btn{color:#cbd5e1;background:none;border:none;cursor:pointer;transition:color .2s}.delete-event-btn:hover{color:#ef4444}.shopping-item-delete:hover{color:#ef4444;background:#fee2e2}.add-item-input-container{display:flex;flex:1;position:relative}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:.75rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;margin-top:.5rem;z-index:1000;overflow:hidden;border:1px solid #e2e8f0}.suggestion-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f1f5f9}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#f8fafc;padding-left:1.5rem;color:var(--primary-color)}.suggestion-icon{font-size:1.25rem}.suggestion-text{font-size:.95rem;font-weight:500}.shopping-item{touch-action:none}.drag-handle{flex-shrink:0;border-radius:.5rem;margin-right:.5rem;transition:all .2s ease}.drag-handle:hover{background:#f1f5f9;color:#64748b!important}.drag-handle:active{cursor:grabbing;transform:scale(1.1)}.add-item-btn-icon{width:52px;height:52px;min-width:52px;background-color:var(--primary-color);color:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #7fad2c40;border:none;cursor:pointer}.add-item-btn-icon:hover{transform:rotate(90deg) scale(1.05);background-color:#8bbd30;box-shadow:0 6px 16px #7fad2c59}.add-item-btn-icon:active{transform:rotate(90deg) scale(.95)}.add-item-section{display:flex;gap:.75rem;margin-bottom:2rem;background:#f8fafc;padding:1rem;border-radius:1rem;border:1px solid #e2e8f0;position:relative;z-index:10;align-items:center}.add-event-form{background:#f8fafc;padding:1.5rem;border-radius:1rem;border:1px solid #e2e8f0}.modal-input{padding:.75rem;border-radius:.75rem;border:1px solid #cbd5e1;outline:none;transition:border-color .2s}.modal-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.tooltip-popup{position:absolute;bottom:110%;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:1rem 1.5rem;border-radius:.75rem;font-size:.9rem;width:max-content;max-width:90%;box-shadow:0 10px 15px -3px #0000001a;z-index:10}.tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#1e293b transparent transparent transparent}@media(max-width:768px){.calendar-day{min-height:80px;padding:.25rem}.day-number{width:24px;height:24px;font-size:.8rem;margin-bottom:.25rem}.event-pill{padding:1px 3px;font-size:.65rem;gap:2px}.event-time{display:none}.nav-btn{width:36px;height:36px;font-size:1.2rem}.calendar-wrapper h2{font-size:1.5rem!important}.day-header{margin-bottom:.25rem}.container{padding:0 .5rem}}.hamburger-btn{display:block;background:none;border:none;cursor:pointer;padding:0}.mobile-menu-overlay{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;background-color:#fff;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;box-sizing:border-box;overflow-y:auto}.mobile-menu-content{width:100%;max-width:320px;margin:auto}.mobile-nav-links{display:flex;flex-direction:column;gap:1.5rem;text-align:center;width:100%}.mobile-link{font-size:1.5rem;font-weight:700;color:#1e293b;display:block;padding:.75rem;transition:color .2s;text-decoration:none}.mobile-link:hover{color:var(--primary-color)}.mobile-auth-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.mobile-btn{width:auto;min-width:200px;padding:1rem 2rem;font-size:1.1rem;display:flex;justify-content:center;align-items:center;margin-bottom:.5rem}.user-greeting{font-size:1.2rem;color:#64748b;margin-bottom:1rem}@media(max-width:1024px){.desktop-menu{display:none!important}}.user-menu-container{position:relative}.user-icon-btn{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#1e293b;transition:color .2s;border-radius:50%}.user-icon-btn:hover{background:#f1f5f9;color:var(--primary-color)}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:.75rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;min-width:220px;overflow:hidden;z-index:1000;border:1px solid #e2e8f0;padding:.75rem}.user-dropdown-header{padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;gap:.25rem;margin:-.75rem -.75rem .75rem;border-bottom:1px solid #e2e8f0}.user-dropdown-name{font-weight:600;color:#1e293b;font-size:.95rem}.user-dropdown-email{font-size:.8rem;color:#64748b}.user-dropdown-divider{height:1px;background:#e2e8f0;margin:.5rem -.75rem}.user-dropdown-item{width:calc(100% + 1.5rem);margin:0 -.75rem;padding:.6rem 1rem;background:none;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem;color:#1e293b;font-size:.95rem;transition:background .2s}.user-dropdown .btn{font-size:.95rem;padding:.625rem 1rem}.user-dropdown-item:hover{color:#64748b}.user-dropdown-item svg{flex-shrink:0;color:#64748b}.shopping-list-wrapper{max-width:900px;margin:0 auto;background:#fff;border-radius:1.5rem;box-shadow:0 20px 40px -10px #0000001a;border:1px solid #e2e8f0}.shopping-lists-tabs{display:flex;gap:.5rem;padding:1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;overflow-x:auto;flex-wrap:wrap}.list-tab{padding:.75rem 1.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;white-space:nowrap;font-weight:500;color:#64748b}.list-tab:hover{background:#f1f5f9;border-color:var(--primary-color)}.list-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.list-tab-name{flex:1}.list-tab-delete{background:none;border:none;cursor:pointer;font-size:1.5rem;line-height:1;padding:0;color:inherit;opacity:.6;transition:opacity .2s}.list-tab-delete:hover{opacity:1}.add-list-btn{padding:.75rem 1.25rem;background:transparent;border:2px dashed #cbd5e1;border-radius:.75rem;cursor:pointer;color:#64748b;font-weight:500;transition:all .2s}.add-list-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#eff6ff}.new-list-input{padding:0;background:#fff;border:2px solid var(--primary-color)}.new-list-name-input{border:none;outline:none;padding:.75rem 1.25rem;font-size:1rem;width:200px;font-weight:500}.shopping-list-content{padding:2rem}.shopping-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.list-name-edit{font-size:1.75rem;font-weight:700;border:none;outline:none;color:#1e293b;background:transparent;padding:.25rem .5rem;border-radius:.5rem;transition:background .2s}.list-name-edit:hover,.list-name-edit:focus{background:#f8fafc}.list-item-count{font-size:1rem;color:#64748b;background:#f1f5f9;padding:.5rem 1rem;border-radius:2rem;font-weight:600}.add-item-section{display:flex;gap:1rem;margin-bottom:1.5rem}.add-item-input{flex:1;padding:1rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem;transition:border-color .2s}.add-item-input:focus{outline:none;border-color:var(--primary-color)}.add-item-btn{padding:1rem 2rem;border-radius:.75rem;white-space:nowrap}.shopping-items-list{display:flex;flex-direction:column;gap:.75rem}.shopping-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:.75rem;transition:all .2s;border:1px solid transparent}.shopping-item:hover{background:#f1f5f9;border-color:#e2e8f0}.shopping-item.checked{opacity:.6}.shopping-item.checked .shopping-item-text{text-decoration:line-through;color:#94a3b8}.shopping-item-checkbox{display:flex;align-items:center;cursor:pointer;position:relative}.shopping-item-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkbox-custom{width:24px;height:24px;border:2px solid #cbd5e1;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.shopping-item-checkbox input[type=checkbox]:checked+.checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.shopping-item-checkbox input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:1rem;font-weight:700}.shopping-item-text{flex:1;font-size:1rem;color:#1e293b}.shopping-item-delete{background:none;border:none;cursor:pointer;font-size:1.25rem;opacity:.5;transition:opacity .2s;padding:.25rem}.shopping-item-delete:hover{opacity:1}.empty-list-state,.empty-state{text-align:center;padding:4rem 2rem;color:#94a3b8;display:flex;flex-direction:column;align-items:center}.empty-state h3{color:#64748b;margin-bottom:.5rem}.shopping-list-footer{padding:2rem;border-top:1px solid #e2e8f0;text-align:center;position:relative;background:#f8fafc}@media(max-width:1024px){.shopping-lists-tabs{flex-wrap:nowrap;overflow-x:auto;padding:.75rem;gap:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shopping-lists-tabs::-webkit-scrollbar{display:none}.list-tab{padding:.75rem 1rem;font-size:.9rem;min-width:fit-content}.add-list-btn{padding:.75rem 1rem;font-size:.9rem;white-space:nowrap}.shopping-list-wrapper{border-radius:1rem;margin:0rem}.shopping-list-content{padding:1rem}.shopping-list-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.list-name-edit{font-size:1.5rem;width:100%}.list-item-count{font-size:.9rem;padding:.4rem .8rem}.add-item-section{flex-direction:row;gap:0rem;padding:0;border:0}.add-item-input{padding:.875rem;font-size:1rem}.add-item-btn{width:100%;padding:.875rem}.shopping-item{padding:.875rem;gap:.6rem}.shopping-item-text{font-size:.95rem}.checkbox-custom{width:22px;height:22px;flex-shrink:0}.shopping-item-delete{font-size:1.5rem;padding:.5rem;flex-shrink:0}.empty-state,.empty-list-state{padding:3rem 1.5rem}.empty-state h3{font-size:1.25rem}.empty-state p,.empty-list-state p{font-size:.95rem}.list-tab-delete{padding:.25rem;font-size:1.75rem;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.new-list-name-input{width:150px;font-size:.9rem}.container{padding:0 .5rem}.shopping-list-wrapper+div{font-size:.85rem}}@media(max-width:480px){.shopping-list-header{padding-bottom:.75rem}.list-name-edit{font-size:1.25rem}.shopping-item{padding:.75rem}.shopping-item-text{font-size:.9rem}.add-item-input,.add-item-btn{font-size:.95rem}.list-tab,.add-list-btn{padding:.625rem .875rem;font-size:.85rem}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:space-around;align-items:center;padding:.5rem 0;z-index:1000;box-shadow:0 -4px 6px -1px #0000000d}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:#64748b;font-size:.75rem;gap:.25rem;cursor:pointer;padding:.5rem;transition:color .2s}.mobile-nav-item:hover,.mobile-nav-item:active{color:var(--primary-color)}.mobile-nav-icon{display:flex;align-items:center;justify-content:center}.mobile-nav-label{font-weight:500}.mobile-more-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1001;display:flex;align-items:flex-end;justify-content:center}.mobile-more-modal{width:100%;max-width:500px;background-color:#fff;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;padding:1.5rem;box-shadow:0 -10px 25px #0000001a;margin-bottom:70px}.mobile-more-content{display:flex;flex-direction:column;gap:1rem}.mobile-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mobile-more-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1rem;cursor:pointer;transition:all .2s;gap:.5rem}.mobile-more-item:hover{background-color:#eff6ff;border-color:var(--primary-color);transform:translateY(-2px)}.mobile-more-icon-wrapper{width:40px;height:40px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);box-shadow:0 2px 4px #0000000d}.mobile-more-label{font-size:.85rem;font-weight:600;color:var(--text-color)}.mobile-more-divider{height:1px;background-color:#e2e8f0;margin:.5rem 0}.mobile-more-auth{display:flex;flex-direction:column;gap:1rem}.mobile-more-user-info{display:flex;align-items:center;gap:1rem;padding:.5rem;background-color:#f8fafc;border-radius:1rem}.user-details{flex-direction:column}.user-name{font-weight:600;color:var(--text-color)}.user-email{font-size:.8rem;color:#64748b}.mobile-more-auth-buttons{display:flex;gap:1rem}@media(min-width:1025px){.mobile-bottom-nav{display:none}}@media(max-width:1024px){.main-content{padding-bottom:2rem}.footer{padding-bottom:5rem}.chat-widget-container{bottom:5.5rem;right:.5rem}}.video-page-header{text-align:center;margin-bottom:2rem;padding:2rem 0}.video-page-header h1{font-size:2rem;font-weight:800;margin-bottom:.5rem;color:var(--text-color)}.video-page-subtitle{font-size:1.1rem;color:#64748b;margin:0}.video-categories-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}@media(min-width:640px){.video-categories-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.video-categories-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.video-category-card-link{text-decoration:none;color:inherit}.video-category-card{background:var(--card-bg);border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;cursor:pointer}.video-category-card:hover{box-shadow:0 10px 20px -5px #00000026}.video-category-thumb{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:#f1f5f9}.video-category-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-category-card:hover .video-category-thumb img{transform:scale(1.05)}.video-category-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-category-card:hover .video-category-overlay{opacity:1}.play-icon{font-size:3rem;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.video-category-content{padding:1.5rem}.video-category-title{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:var(--text-color)}.video-category-description{font-size:.95rem;color:#64748b;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-category-header{margin-bottom:2rem}.video-category-header h1{font-size:2rem;font-weight:800;margin:1rem 0;color:var(--text-color)}.category-description{font-size:1.05rem;color:#64748b;line-height:1.6;margin:.5rem 0 0}.back-link{display:inline-flex;align-items:center;color:var(--primary-color);font-weight:600;font-size:.95rem;text-decoration:none;transition:color .2s;margin-bottom:.5rem;margin-top:.5rem}.back-link:hover{color:var(--secondary-color);text-decoration:underline}.video-timeline{display:flex;flex-direction:column;gap:0;margin:2rem 0}.timeline-item{text-decoration:none;color:inherit;display:block;transition:background-color .2s;border-radius:.75rem;padding:1rem .5rem;margin:0;position:relative}.timeline-item:hover{background-color:#f8fafc}.timeline-item.locked{opacity:.7;cursor:not-allowed}.timeline-item-wrapper{display:flex;gap:1.5rem;align-items:flex-start}.timeline-line-container{display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative}.timeline-item:not(:last-child) .timeline-line-container:after{content:"";position:absolute;top:48px;left:50%;transform:translate(-50%);width:3px;height:calc(100% + 2rem);background:linear-gradient(to bottom,#cbd5e1,#e2e8f0);z-index:0}.timeline-line-top,.timeline-line-bottom{display:none}.timeline-dot{width:48px;height:48px;border-radius:50%;background:#fff;border:3px solid #e2e8f0;display:flex;align-items:center;justify-content:center;position:relative;font-weight:700;font-size:1rem;color:#64748b;flex-shrink:0;transition:all .3s ease;z-index:1}.timeline-dot.watched{background:var(--success-color);border-color:var(--success-color);color:#fff}.timeline-dot.locked{background:#f1f5f9;border-color:#cbd5e1;color:#94a3b8}.timeline-item:hover .timeline-dot.available{background:var(--primary-color);color:#fff;transform:scale(1.1)}.timeline-order{font-size:.875rem;position:absolute;top:-1.5rem;background:#fff;padding:.125rem .375rem;border-radius:.25rem;border:1px solid #e2e8f0;color:#64748b;font-weight:600}.timeline-status-icon{font-size:1.25rem}.timeline-item.locked .timeline-info{position:relative}.timeline-item.locked:hover .timeline-lock-message{opacity:1;visibility:visible}.timeline-lock-message{font-size:1rem;color:#ef4444;margin:.25rem 0 0;font-weight:500;background:#fef2f2;padding:.5rem .75rem;border-radius:.5rem;border:1px solid #fecaca;transition:all .2s ease}.timeline-content{flex:1;display:flex;flex-direction:column;gap:1rem;align-items:center;min-width:0}.timeline-image{position:relative;width:100%;height:100%;border-radius:1rem;overflow:hidden;background:#f1f5f9;flex-shrink:0}.timeline-lock-overlay{position:absolute;inset:0;background:#3d4f5b73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.lock-icon{font-size:1.5rem}.timeline-info{display:none!important}.timeline-title{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--text-color);line-height:1.4}.timeline-lock-message{font-size:1rem;color:#ef4444;margin:.25rem 0 0;font-weight:500}.sample-badge{display:inline-block;background-color:var(--success-color);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:.25rem;margin-top:.25rem}.video-player-page{min-height:100vh}.video-player-header{margin-bottom:.5rem}.video-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0;padding-bottom:0}.video-tab{background:none;border:none;cursor:pointer;padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#64748b;position:relative;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px;display:flex;align-items:center;gap:.5rem}.video-tab:hover{color:var(--primary-color)}.video-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.video-section{margin-bottom:3rem}.watch-section{margin-bottom:2rem}.read-section{background:var(--card-bg);padding:2rem;border-radius:1rem;box-shadow:0 2px 8px #0000000d}.video-title{font-size:1.75rem;font-weight:800;margin:0 0 1.5rem;color:var(--text-color);line-height:1.3}.video-description{font-size:1.05rem;line-height:1.8;color:#475569}.video-description p{margin-bottom:1rem}.video-description h2,.video-description h3{margin-top:1.5rem;margin-bottom:.75rem;color:var(--text-color)}.video-description ul,.video-description ol{margin-left:1.5rem;margin-bottom:1rem}.video-description li{margin-bottom:.5rem}.video-player-wrapper{width:100%;margin-bottom:1.5rem}.video-player-container{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:1rem;overflow:hidden;box-shadow:0 10px 30px -5px #0000004d}.video-player-container>div{position:absolute;top:0;left:0;width:100%;height:100%}.video-error{display:flex;align-items:center;justify-content:center;min-height:400px;background:#f1f5f9;border-radius:1rem;color:#64748b;font-size:1.1rem}.next-video-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.next-video-backdrop{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.next-video-content{position:relative;background:#fff;border-radius:1.5rem;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 50px #0000004d}.next-video-close{position:absolute;top:1rem;right:1rem;background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;color:#64748b;transition:all .2s}.next-video-close:hover{background:#e2e8f0;color:var(--text-color)}.next-video-heading{font-size:1.5rem;font-weight:800;margin:0 0 1.5rem;text-align:center;color:var(--text-color)}.next-video-card{cursor:pointer;border-radius:1rem;overflow:hidden;margin-bottom:1.5rem;transition:transform .2s}.next-video-card:hover{transform:scale(1.02)}.next-video-card img{width:100%;height:auto;display:block}.next-video-card h3{padding:1rem;margin:0;background:#f8fafc;font-size:1.1rem;font-weight:600;color:var(--text-color)}.next-video-btn{width:100%;padding:1rem;font-size:1.1rem}.related-videos-section{margin-top:3rem;padding-top:2rem;border-top:2px solid #e2e8f0}.related-videos-title{font-size:1.5rem;font-weight:800;margin:0 0 1.5rem;color:var(--text-color)}.related-videos-carousel{padding-bottom:3rem}.related-video-card{cursor:pointer;border-radius:.75rem;overflow:hidden;background:var(--card-bg);box-shadow:0 2px 8px #00000014;transition:all .3s ease}.related-video-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.related-video-image{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:#f1f5f9}.related-video-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.related-video-card:hover .related-video-image img{transform:scale(1.05)}.related-video-play-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.related-video-card:hover .related-video-play-overlay{opacity:1}.related-video-play-overlay .play-icon{font-size:2.5rem}.related-video-title{border-top:white 5px solid;border-bottom:white 5px solid;padding:.25rem .65rem;margin:0;font-size:1rem;font-weight:600;color:#556773;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.related-videos-carousel .swiper-button-next,.related-videos-carousel .swiper-button-prev{color:var(--primary-color);background:#fff;width:40px;height:40px;border-radius:50%;box-shadow:0 2px 8px #00000026}.related-videos-carousel .swiper-button-next:after,.related-videos-carousel .swiper-button-prev:after{font-size:1.25rem}.related-videos-carousel .swiper-pagination-bullet,.related-videos-carousel .swiper-pagination-bullet-active{background:var(--primary-color)}@media(max-width:1024px){.video-page-header h1{font-size:1.5rem}.video-page-subtitle{font-size:1rem}.video-tab{padding:.75rem 1.5rem;font-size:1rem}.read-section{padding:1.5rem}.video-title{font-size:1.5rem}.video-description{font-size:1rem}.next-video-content{padding:1.5rem}.next-video-heading,.related-videos-title{font-size:1.25rem}.related-videos-carousel .swiper-button-next,.related-videos-carousel .swiper-button-prev{display:none}.video-player-wrapper,.video-section.watch-section{margin-bottom:1rem}.related-videos-section{margin-top:1.5rem;padding-top:1.25rem}}.no-results{text-align:center;padding:3rem 1rem;color:#64748b;font-size:1.1rem}.footer-newsletter-section{flex:1;min-width:300px}.newsletter-form-container{display:flex;flex-direction:column;gap:.75rem}.newsletter-title{font-size:1.1rem;font-weight:700;color:var(--text-color);margin:0}.newsletter-subtitle{font-size:.9rem;color:#64748b;margin:0}.newsletter-form{margin-top:.5rem}.newsletter-input-wrapper{display:flex;gap:.5rem}.newsletter-input{flex:1;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:9999px;font-size:.95rem;outline:none;transition:border-color .2s}.newsletter-input:focus{border-color:var(--primary-color)}.newsletter-btn{background-color:#fff;color:#7fad2c;border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:transform .2s}.newsletter-status{min-height:1.5rem}.newsletter-message{font-size:.85rem;margin-top:.5rem}.newsletter-message.success{color:var(--success-color)}.newsletter-message.error{color:var(--error-color)}.newsletter-message.sending{color:#64748b}@media(max-width:768px){.footer-newsletter-section{width:100%;margin-top:1.5rem;text-align:center}}.video-page-header,.video-category-header{margin-bottom:2.5rem;text-align:center;position:relative;z-index:2}.video-page-header h1,.video-category-header h1{margin-bottom:1rem;color:#fff}.video-page-subtitle,.category-description{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.back-link{display:inline-flex;align-items:center;color:#64748b;font-weight:600;margin-bottom:.5rem;margin-top:.5rem;transition:color .2s}.back-link:hover{color:var(--primary-color)}.section-header h2{font-size:1.5rem;color:#334155;border-left:4px solid var(--primary-color);padding-left:1rem}.hero-section{position:relative;border-radius:0 0 1.5rem 1.5rem;padding:2.5rem 1.5rem;margin-bottom:0rem;color:#556773!important;text-align:center;overflow:hidden;box-shadow:none!important;margin-top:-1rem;background:transparent!important}.hero-variant-green-dominant,.hero-variant-yellow-dominant,.hero-variant-balanced,.hero-variant-green-subtle,.hero-variant-gray{background:transparent!important}.profile-header{margin-top:-3rem!important}.hero-pattern-grid:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);display:none!important}.hero-pattern-dots:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.2) 2px,transparent 2px);background-size:24px 24px;opacity:.6;z-index:1}.hero-pattern-waves:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 100%,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 40%,transparent 40%),radial-gradient(circle at 0% 0%,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 30%,transparent 30%);background-size:100% 100%;opacity:.8;z-index:1}.hero-pattern-circles:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,transparent 0,transparent 4px,rgba(255,255,255,.1) 5px,transparent 6px);background-size:40px 40px;opacity:.7;z-index:1}.hero-pattern-geometric:before{content:"";position:absolute;inset:0;background-image:linear-gradient(30deg,rgba(255,255,255,.1) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.1) 87.5%,rgba(255,255,255,.1)),linear-gradient(150deg,rgba(255,255,255,.1) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.1) 87.5%,rgba(255,255,255,.1)),linear-gradient(30deg,rgba(255,255,255,.1) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.1) 87.5%,rgba(255,255,255,.1)),linear-gradient(150deg,rgba(255,255,255,.1) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.1) 87.5%,rgba(255,255,255,.1)),linear-gradient(60deg,rgba(255,255,255,.1) 25%,transparent 25.5%,transparent 75%,rgba(255,255,255,.1) 75%,rgba(255,255,255,.1)),linear-gradient(60deg,rgba(255,255,255,.1) 25%,transparent 25.5%,transparent 75%,rgba(255,255,255,.1) 75%,rgba(255,255,255,.1));background-size:40px 70px;background-position:0 0,0 0,20px 35px,20px 35px,0 0,20px 35px;opacity:.4;z-index:1}.hero-pattern-organic:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 50%,rgba(255,255,255,.15),transparent 25%),radial-gradient(circle at 85% 30%,rgba(255,255,255,.15),transparent 25%);z-index:1}.hero-subtitle{font-size:1.1rem;color:#fffffff2;font-weight:500;max-width:600px;margin:0 auto;line-height:1.6}.hero-section{position:relative;border-radius:0 0 1.5rem 1.5rem;padding:3rem 2rem;margin-bottom:0rem;color:#fff;text-align:center;overflow:hidden;box-shadow:0 10px 30px -10px #10b98166;margin-top:-.5rem}.hero-content-wrapper{position:relative;z-index:2;max-width:800px;margin:0 auto}.hero-green-1{background:linear-gradient(135deg,#7fad2c,#10b981)}.hero-green-2{background:linear-gradient(135deg,#15803d,#7fad2c)}.hero-pattern-1:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.2) 2px,transparent 2px),radial-gradient(rgba(255,255,255,.2) 2px,transparent 2px);background-size:30px 30px;background-position:0 0,15px 15px;opacity:.6;z-index:1}.hero-pattern-2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 100%,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 40%,transparent 40%),radial-gradient(circle at 0% 0%,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 30%,transparent 30%);background-size:100% 100%;opacity:.8;z-index:1}.hero-section h1{color:#556773;text-shadow:none;-webkit-text-fill-color:initial;background:none}.hero-section .video-page-subtitle,.hero-section .category-description{color:#fffffff2;font-weight:500}.hero-section .back-link{color:#fffc}.hero-section .back-link:hover{color:#fff}.timeline-title,.post-item-title,.media-timeline-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:4.5em;line-height:1.5em}.video-grid{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}@media(min-width:640px){.video-grid{display:grid;grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.video-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.video-banner-card{background-color:#84bb41;border-radius:1rem;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 6px 16px -3px #84bb4159;aspect-ratio:16 / 9;width:100%;box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.video-banner-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -4px #84bb4173}.video-banner-card-text{color:#fff;font-size:1.05rem;font-weight:800;line-height:1.4;margin:0;letter-spacing:-.01em;text-shadow:0 1px 3px rgba(0,0,0,.15)}@media(max-width:640px){.video-banner-card{padding:1rem}.video-banner-card-text{font-size:.88rem;line-height:1.35}}.video-card-link{text-decoration:none;color:inherit;display:block}.video-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d;transition:all .3s ease;height:auto;display:flex;flex-direction:column;position:relative;border:1px solid #f1f5f9}@media(min-width:640px){.video-card{flex-direction:column;height:100%}}.video-card-link:hover .video-card{transform:translateY(-5px);box-shadow:0 12px 20px -5px #0000001a;border-color:var(--primary-color)}.video-card-image-wrapper{position:relative;aspect-ratio:16/9;width:100%;flex-shrink:0;overflow:hidden;background-color:#f1f5f9}@media(min-width:640px){.video-card-image-wrapper{width:100%}}.video-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.video-card-link:hover .video-card-image{transform:scale(1.05)}.video-card-overlay{position:absolute;inset:0;background:#0003;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-card-link:hover .video-card-overlay,.post-card:hover .video-card-overlay{opacity:1}.play-button,.play-button-small{background:#fffffff2;color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;padding-left:4px;box-shadow:0 4px 12px #0003,0 0 0 4px #fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.play-button{width:48px;height:48px}.play-button-small{width:64px;height:64px}.post-card:hover .play-button-small{transform:scale(1.15);box-shadow:0 8px 20px #0000004d,0 0 0 8px #ffffff4d}.video-card-content{display:none!important}.video-card-title{margin:0;font-size:.95rem;font-weight:600;line-height:1.3;color:#4f626e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}@media(min-width:1024px){.video-card-title{font-size:1rem}}.video-badge-free{position:absolute;top:.75rem;right:.75rem;background:#10b981e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:9999px;box-shadow:0 2px 4px #0000001a}.video-card-content{padding:1.25rem;flex:1;display:flex;flex-direction:column}.video-card-title{margin:0;font-size:.95rem;font-weight:600;line-height:1.4;color:var(--text-color);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-timeline{display:flex;flex-direction:column;gap:0;padding:1rem 0;max-width:600px;margin:0 auto}.timeline-item{text-decoration:none;color:inherit;display:block;padding-bottom:2rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item-wrapper{display:flex;gap:1.5rem}.timeline-line-container{display:flex;flex-direction:column;align-items:center;min-width:40px}.timeline-line-top,.timeline-line-bottom{width:2px;background-color:#e2e8f0;flex:1}.timeline-dot{width:36px;height:36px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;color:#64748b;z-index:1;flex-shrink:0;transition:all .3s ease}.timeline-dot.available{border-color:var(--primary-color);color:var(--primary-color)}.timeline-dot.watched{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.timeline-content{background:#fff;border-radius:1.5rem;border:1px solid #f1f5f9;padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:2rem;align-items:center;box-shadow:0 4px 6px #00000005;transition:all .2s ease}.timeline-item:hover .timeline-content{transform:translate(4px);box-shadow:0 10px 20px #0000000d;border-color:var(--primary-color)}.timeline-item:hover .video-card-overlay{opacity:1}.timeline-image{width:100%;aspect-ratio:16/9;flex-shrink:0;border-radius:1rem;overflow:hidden;background-color:#f1f5f9}.timeline-image img{width:100%;height:100%;object-fit:cover}.timeline-info{flex:1}.timeline-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#334155}.sample-badge{display:inline-block;font-size:.85rem;background-color:#dcfce7;color:#059669;padding:.25rem 1rem;border-radius:2rem;font-weight:700;margin-top:.5rem}@media(max-width:640px){.timeline-item-wrapper{gap:.75rem}.timeline-content{flex-direction:column;align-items:stretch;display:flex;padding:1rem}.timeline-image{width:100%;aspect-ratio:16/9;height:auto;margin-bottom:0;border-radius:.75rem;overflow:hidden}.timeline-line-container{display:none}.timeline-item-wrapper{gap:0}}.feed-banner .post-item-content,.gadget-banner-header .post-item-content,.sidebar .post-card .post-item-content{background:#3d4f5bcc!important;color:#fff!important;height:auto!important;min-height:60px;padding:.75rem 1rem!important;display:flex;flex-direction:column;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5!important}.feed-banner .post-item-title,.gadget-banner-header .post-item-title,.sidebar .post-card .post-item-title{color:#fff!important;font-size:1.35rem!important;margin:0!important}.feed-banner .post-excerpt,.gadget-banner-header .post-excerpt,.sidebar .post-card .post-excerpt{color:#fffc!important;font-size:1rem!important;margin:0!important}.footer-partners-top{width:100%;background-color:#fff!important;padding:1.5rem 0;margin-bottom:1.5rem;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.footer-partners-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem}.footer-social-icons{display:flex;gap:10px;justify-content:center;flex-wrap:nowrap}.footer-social-icons a{width:56px;height:56px;font-size:2rem;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff!important;transition:all .3s ease}.footer-social-icons a:hover{background:var(--primary-color);transform:translateY(-3px);color:#fff!important}.load-more-btn{background-color:var(--primary-color);color:#fff!important;padding:1rem 3rem;border-radius:9999px;font-weight:700;border:none;font-size:1.2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #7fad2c4d;display:flex;align-items:center;justify-content:center;gap:.5rem}.load-more-btn:hover:not(:disabled){background-color:#8cbf32;transform:translateY(-2px);box-shadow:0 6px 16px #7fad2c66}.load-more-btn:disabled{opacity:.7;cursor:not-allowed}.profile-container-optimized{padding:3rem 1rem!important;max-width:1200px!important;margin:0 auto}.profile-main-layout{display:grid;grid-template-columns:1fr 350px;gap:2.5rem;align-items:start}.profile-content-area{display:flex;flex-direction:column;gap:2rem}.profile-tabs-nav{display:flex;gap:1rem;background:#fff;padding:.75rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000000d}.profile-tab-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border:none;background:transparent;border-radius:.75rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.profile-tab-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #7fad2c4d}.profile-tab-body{background:#fff;padding:2.5rem;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000000d;min-height:450px;width:100%;box-sizing:border-box}.profile-info-sidebar{position:sticky;top:100px}.profile-card-sidebar{background:#fff;padding:2.5rem;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000000d;display:flex;flex-direction:column;align-items:center;text-align:center}.sidebar-avatar-wrapper{position:relative;margin-bottom:2rem}.sidebar-avatar{width:140px;height:140px;border-radius:50%;overflow:hidden;border:4px solid #f8fafc;box-shadow:0 8px 16px #0000001a;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.sidebar-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-avatar svg{width:60px;height:60px}.avatar-edit-btn{position:absolute;bottom:5px;right:5px;background:var(--primary-color);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:transform .2s}.avatar-edit-btn:hover{transform:scale(1.1)}.sidebar-user-details{margin-bottom:2.5rem}.sidebar-username{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.sidebar-email{color:#64748b;font-size:.95rem}.sidebar-actions{width:100%;border-top:1px solid #f1f5f9;padding-top:1.5rem}.sidebar-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem;border:1px solid #fee2e2;background:#fffcfc;color:#ef4444;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.sidebar-logout-btn:hover{background:#fef2f2;border-color:#fecaca}.profile-form .form-title{font-size:1.75rem;margin-bottom:2rem;color:#1e293b;margin-top:0}.webauthn-section{margin-top:3rem;padding:2rem;background:#f8fafc;border-radius:1rem;border:1px solid #e2e8f0}.danger-zone{margin-top:4rem;padding:2rem;background:snow;border-radius:1rem;border:1px solid #fee2e2}.danger-title{color:#991b1b;margin-bottom:1rem;margin-top:0}@media(max-width:992px){.profile-main-layout{grid-template-columns:1fr}.profile-info-sidebar{position:static;order:-1}.profile-tabs-nav{overflow-x:auto;white-space:nowrap;gap:.5rem;padding:.5rem}.profile-tab-body{padding:1.25rem;min-height:auto}.profile-tab-btn{padding:.6rem 1rem;font-size:.9rem}.profile-container-optimized{padding:1.5rem .75rem!important}}.video-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2;pointer-events:none}.timeline-image:hover .video-card-overlay,.video-card:hover .video-card-overlay{opacity:1}.play-button-small{background:#fff;border-radius:50%;padding:12px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);box-shadow:0 4px 15px #0003;transform:scale(.9);transition:transform .2s ease}.timeline-image:hover .play-button-small{transform:scale(1)}.timeline-lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#3d4f5b73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3}.lock-icon{font-size:2.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));margin-bottom:.5rem}.category-tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:2rem;padding:.5rem 0}.category-tabs-container::-webkit-scrollbar{display:none}.category-tabs{display:flex;gap:.75rem;padding:0 .5rem}.category-tab{padding:.75rem 1.5rem;border-radius:9999px;background:#fff;border:1px solid #e2e8f0;color:#64748b;font-weight:600;white-space:nowrap;font-size:.95rem;cursor:pointer;transition:all .2s ease}.category-tab:hover{border-color:var(--primary-color);color:var(--primary-color);background:#f8fafc}.category-tab.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #7fad2c4d}@media(max-width:768px){.category-tabs-container{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}}.game-modal-overlay{position:fixed;inset:0;z-index:9999;background:#0f172ab3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:0}.game-modal-close{position:absolute;top:.65rem;right:.65rem;z-index:10;width:36px;height:36px;border-radius:50%;background:#00000073;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.game-modal-close:hover{background:#000000b3}.game-mobile-frame{max-width:490px;width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;position:relative;border-radius:0;overflow:hidden;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column}@media(min-width:480px){.game-mobile-frame{height:96vh;height:96dvh;max-height:96vh;max-height:96dvh;border-radius:1.5rem}}.game-mobile-frame-bg{position:absolute;inset:0;background-image:var(--bg-mobile);background-size:auto;background-position:center;background-repeat:no-repeat;z-index:0}.game-mobile-frame-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.game-fullscreen{flex:1;display:flex;flex-direction:column;color:#fff;min-height:0;overflow:hidden}.game-header{display:flex;align-items:center;justify-content:center;margin:.5rem .85rem .4rem}.game-logo-small{height:65px;width:273px;max-width:90%;object-fit:contain;flex-shrink:0}.game-body{display:flex;flex:1;gap:.6rem;padding:0 .85rem .85rem;box-sizing:border-box;min-height:0;overflow:hidden}.game-sidebar{display:flex;flex-direction:column;gap:5px;overflow-y:auto;scrollbar-width:none;flex-shrink:0;padding:.2rem 0}.game-sidebar::-webkit-scrollbar{display:none}.game-qnum{min-width:34px;height:30px;padding:0 6px;border-radius:999px;background:#84bb4159;border:1.5px solid rgba(132,187,65,.65);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;color:#eafbe0;flex-shrink:0;transition:all .2s}.game-qnum.current{background:#ffcb05;border-color:#ffcb05;color:#1a2e10;transform:scale(1.12)}.game-qnum.answered{background:#84bb41cc;border-color:#84bb41f2;color:#fff}.game-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.45) transparent}.game-main::-webkit-scrollbar{display:block;width:5px}.game-main::-webkit-scrollbar-track{background:transparent}.game-main::-webkit-scrollbar-thumb{background:#ffffff73;border-radius:999px}.game-question-block{display:flex;flex-direction:column;gap:.75rem}.game-question-card{background:var(--primary-color);border-radius:1.25rem;padding:.85rem 1.1rem;box-shadow:0 6px 20px #00000040}.game-q-label{font-size:.78rem;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.4rem}.game-q-text{font-size:1.08rem;font-weight:700;line-height:1.35;color:#fff}.game-meta-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.game-points,.game-timer-badge{font-size:.88rem;font-weight:800;display:flex;align-items:center;gap:.35rem;color:#fff;background:#1e291e80;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.4rem .9rem;white-space:nowrap}.game-timer-badge.urgent{color:#ff8a80;animation:pulse .7s infinite}.game-answers{display:flex;flex-direction:column;gap:.45rem}.game-answer-btn{background:#1e291e80;color:#fff;border:1.5px solid rgba(255,255,255,.14);border-radius:1rem;padding:.7rem .9rem;font-size:1rem;font-weight:700;text-align:left;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:.6rem;font-family:Montserrat,sans-serif}.game-answer-btn:hover:not(:disabled){background:#1e291eb3;border-color:#ffffff4d}.game-answer-btn:disabled{cursor:default;opacity:.9}.game-answer-btn.selected{border-color:#ffcb05;background:#ffcb0538}.game-answer-btn.correct{background:#84bb41;border-color:#6a9834;color:#fff}.game-answer-btn.wrong{background:#ff5c00;border-color:#cc4a00;color:#fff}.game-answer-label{font-weight:900;color:#ffcb05;flex-shrink:0;white-space:nowrap}.game-answer-text{flex:1;min-width:0}.game-explanation{border-radius:1rem;padding:.7rem .9rem;font-size:.9rem;font-weight:600;line-height:1.4}.game-explanation.correct{background:#84bb41;border:1px solid #6a9834;color:#fff}.game-explanation.wrong{background:#ff5c00;border:1px solid #cc4a00;color:#fff}.game-explanation p{margin:.4rem 0 0;font-weight:400;color:#ffffffeb}.game-jokers{display:flex;justify-content:center;gap:.7rem;padding:.5rem .85rem .7rem}.game-joker-btn{width:52px;height:52px;border-radius:50%;background:var(--primary-color);border:2px solid rgba(255,255,255,.25);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 4px 12px #0000004d}.game-joker-btn:hover:not(:disabled){transform:scale(1.08)}.game-joker-btn:disabled{background:#ffffff1f;color:#ffffff4d;border-color:transparent}.game-joker-btn.special{background:#475569}.game-joker-btn.active{background:#ffcb05;color:#1a2e10}.game-welcome{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 1.1rem .85rem;text-align:center;overflow-y:auto;scrollbar-width:none;min-height:0}.game-welcome::-webkit-scrollbar{display:none}.game-welcome-inner{width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.game-official-logo-welcome{width:260px;max-width:80%;height:62px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));margin-bottom:10px}.game-welcome-card{background:#84bb41;border-radius:1.75rem;padding:1.1rem 1.2rem;width:100%;box-shadow:0 16px 36px #0000004d;border:1px solid rgba(255,255,255,.2);position:relative;box-sizing:border-box;display:flex;align-items:flex-end;gap:0;overflow:visible}.game-welcome-text{flex:0 1 auto;min-width:0;text-align:left;color:#fff;font-size:.86rem;font-weight:700;line-height:1.3}.game-welcome-text p{margin:.4rem 0}.game-welcome-title-line{font-size:1.02rem;font-weight:800;margin-bottom:.4rem!important}.game-welcome-strong{font-weight:800}.game-welcome-list{margin:.15rem 0 .45rem;padding-left:1.1rem}.game-welcome-list li{margin:.1rem 0}.game-welcome-girl-col{flex:1 1 0;min-width:34%;max-width:240px;margin-left:auto;margin-bottom:-1.2rem}.game-welcome-girl{display:block;width:100%;height:auto}.game-play-btn{width:auto!important;min-width:220px;margin:.9rem auto 0!important;font-size:1.1rem!important;font-weight:900!important;padding:.75rem 2.6rem!important;letter-spacing:.06em;display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.game-leaderboard-btn{width:auto!important;min-width:200px;margin:.85rem auto 0!important;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.game-special-joker{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:1rem}.game-special-joker-inner{width:100%}.game-special-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;color:#ffcb05;font-weight:700}.game-special-close{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem}.game-special-video{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}.game-special-text{text-align:center;padding:2rem 0}.game-lb-view{flex:1;display:flex;flex-direction:column;padding:1rem .9rem 1.5rem;box-sizing:border-box;color:#fff;overflow-y:auto;scrollbar-width:none;min-height:0}.game-lb-view::-webkit-scrollbar{display:none}.game-lb-content-card{background:#0f1714ad;border:1px solid rgba(255,255,255,.12);border-radius:1.5rem;padding:1.1rem 1rem 1.4rem;margin-bottom:1.5rem}.game-lb-header{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:.75rem;margin-bottom:1rem}.game-lb-header-text{text-align:center}.game-lb-back-spacer{width:38px;height:38px}.game-lb-back{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:#1e291e8c;border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem}.game-lb-header-text h2{margin:0;font-size:1.2rem;font-weight:900;display:flex;align-items:center;gap:.5rem;color:#ffcb05}.game-lb-header-text span{font-size:.8rem;color:#ffffffbf}.game-lb-filter{display:flex;gap:.3rem;background:#1e291e80;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.25rem;margin-bottom:1.25rem}.game-lb-filter button{flex:1;border:none;background:transparent;color:#ffffffb3;font-weight:700;font-size:.8rem;padding:.5rem .4rem;border-radius:999px;cursor:pointer;transition:all .2s ease;font-family:Montserrat,sans-serif}.game-lb-filter button.active{background:#ffcb05;color:#1a2e10}.game-lb-loading,.game-lb-empty{text-align:center;padding:2.5rem 1rem;color:#ffffffd9;font-weight:600;line-height:1.5}.game-lb-podium{display:flex;align-items:flex-end;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.game-lb-podium-col{flex:1;max-width:110px;text-align:center;display:flex;flex-direction:column;align-items:center}.game-lb-podium-col.place-1{max-width:125px}.game-lb-crown{font-size:1.3rem;margin-bottom:-.2rem;filter:drop-shadow(0 4px 6px rgba(234,179,8,.5))}.game-lb-avatar-ring{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1rem;overflow:hidden;border:3px solid #94a3b8;background:#f8fafc;color:#475569;margin-bottom:.4rem}.game-lb-podium-col.place-1 .game-lb-avatar-ring{width:62px;height:62px;border-color:#eab308;background:#fef9c3;color:#a16207}.game-lb-podium-col.place-3 .game-lb-avatar-ring{border-color:#d97706;background:#fff7ed;color:#9a3412}.game-lb-avatar-ring img{width:100%;height:100%;object-fit:cover}.game-lb-podium-name{font-weight:800;font-size:.8rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.game-lb-podium-score{font-size:.75rem;font-weight:900;color:#ffcb05;margin-bottom:.4rem}.game-lb-podium-block{width:100%;border-radius:.75rem .75rem 0 0;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.game-lb-podium-col.place-1 .game-lb-podium-block{height:72px;background:linear-gradient(180deg,#fde047,#eab308)}.game-lb-podium-col.place-2 .game-lb-podium-block{height:52px;background:linear-gradient(180deg,#cbd5e1,#94a3b8)}.game-lb-podium-col.place-3 .game-lb-podium-block{height:40px;background:linear-gradient(180deg,#f97316,#d97706)}.game-lb-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;overflow-y:auto}.game-lb-row{display:flex;align-items:center;gap:.6rem;background:#fffffff2;border-radius:.85rem;padding:.55rem .75rem}.game-lb-row-rank{font-weight:900;font-size:.9rem;width:22px;flex-shrink:0;color:#64748b}.game-lb-row-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;flex-shrink:0}.game-lb-row-info{flex:1;min-width:0}.game-lb-row-name{font-weight:700;font-size:.88rem;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-lb-row-level{font-size:.7rem;color:#64748b;font-weight:600}.game-lb-row-score{background:#f0fdf4;color:var(--primary-color);padding:.3rem .6rem;border-radius:999px;font-weight:900;font-size:.78rem;border:1px solid #bbf7d0;white-space:nowrap}.game-mockup-wrapper{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1.5rem 1rem 1.25rem;box-sizing:border-box;text-align:center;overflow-y:auto;scrollbar-width:none;min-height:0}.game-mockup-wrapper::-webkit-scrollbar{display:none}.game-official-logo{width:220px;max-width:85%;height:52px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));margin-top:.25rem;margin-bottom:1rem}.game-score-pill{background:#475569d9;color:#fff;font-size:1.05rem;font-weight:800;padding:.5rem 1.4rem;border-radius:.85rem;margin-bottom:1.1rem;box-shadow:0 4px 10px #0003}.game-mockup-green-card{background-color:#84bb41;border-radius:1.75rem;padding:1.5rem;width:100%;max-width:460px;box-shadow:0 16px 36px #0000004d;position:relative;box-sizing:border-box;border:1px solid rgba(255,255,255,.2);display:flex;align-items:flex-start;gap:1rem;overflow:visible}.game-card-content-col{flex:0 1 auto;min-width:0;text-align:left}.game-card-title{color:#fff;font-size:1.15rem;font-weight:800;line-height:1.35;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.15)}.game-reg-gate-text{color:#fffffff2;font-size:.9rem;margin:.5rem 0 0}.game-card-character-col{flex:1 1 0;min-width:34%;max-width:240px;margin-left:auto;margin-bottom:-1.5rem;align-self:flex-end}.game-card-character-img{display:block;width:100%;height:auto}.game-btn-row{width:100%;max-width:460px;display:flex;gap:.75rem;margin-top:1.25rem}.game-btn-row+.game-btn-row{margin-top:.75rem}.game-btn-row>button{flex:1}.game-btn-yellow-pill{background-color:#ffcb05;color:#475569;font-size:1.05rem;font-weight:900;padding:.8rem 1.2rem;border-radius:2rem;border:none;cursor:pointer;box-shadow:0 8px 22px #ffcb0566;transition:transform .2s ease,box-shadow .2s ease;width:100%;text-transform:uppercase;letter-spacing:.02em}.game-btn-yellow-pill:hover{transform:translateY(-2px);box-shadow:0 12px 26px #ffcb0580}.game-btn-lightblue-pill{background-color:#475569;color:#fff;font-size:.92rem;font-weight:900;padding:.75rem 1rem;border-radius:2rem;border:none;cursor:pointer;box-shadow:0 6px 18px #47556966;transition:transform .2s ease;width:100%;text-transform:uppercase;letter-spacing:.02em}.game-btn-lightblue-pill:hover:not(:disabled){transform:translateY(-2px)}.game-btn-lightblue-pill:disabled{opacity:.55;cursor:default;box-shadow:none}.game-btn-white-pill{background-color:#fff;color:#475569;font-size:.92rem;font-weight:900;padding:.75rem 1rem;border-radius:2rem;border:none;cursor:pointer;box-shadow:0 6px 18px #00000026;transition:transform .2s ease;width:100%;text-transform:uppercase;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:.4rem}.game-btn-white-pill:hover{transform:translateY(-2px)}.game-mockup-footer{text-align:center;margin-top:.75rem}.game-footer-tagline{color:#fff;font-size:1.05rem;font-weight:800;margin:0 0 .35rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.game-footer-partner{display:inline-flex;align-items:center;justify-content:center;background:#ffffffeb;border-radius:1rem;padding:.4rem 1.2rem;box-shadow:0 4px 14px #0003}.game-footer-partner-logo{height:38px;max-width:200px;object-fit:contain}.game-raffle-content-col{width:100%;text-align:left}.game-raffle-level-pill{display:inline-block;background:#ffcb05;color:#475569;font-size:.75rem;font-weight:800;padding:.2rem .65rem;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.game-raffle-img{width:100%;height:140px;object-fit:cover;border-radius:.75rem;margin:.5rem 0;display:block}.game-raffle-form{display:flex;flex-direction:column;gap:.75rem;text-align:left;margin-top:1rem}.game-raffle-label{font-size:.85rem;font-weight:700;color:#fff}.game-raffle-input{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1.5px solid rgba(255,255,255,.4);background:#fffffff2;color:#1e293b;font-size:.95rem;font-family:inherit;box-sizing:border-box;outline:none;transition:border-color .2s}.game-raffle-input:focus{border-color:#ffcb05}.game-raffle-error{color:#ffe4e4;background:#dc262659;border-radius:.5rem;padding:.4rem .6rem;font-size:.8rem;font-weight:600}.game-demo-options{display:flex;flex-wrap:wrap;gap:.5rem}.game-demo-pill{padding:.55rem 1rem;border-radius:999px;border:1.5px solid rgba(255,255,255,.4);background:#ffffff1f;color:#fff;font-size:.85rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.game-demo-pill:hover{background:#ffffff38}.game-demo-pill.selected{background:#ffcb05;border-color:#ffcb05;color:#475569}@media(max-width:380px){.game-q-text{font-size:1.05rem}.game-answer-btn{font-size:.95rem;padding:.75rem .9rem}.game-joker-btn{width:52px;height:52px;font-size:1.15rem}.game-card-title{font-size:.98rem}}@media(min-width:900px){.game-mobile-frame{max-width:1080px;height:92vh;height:92dvh;max-height:92vh;max-height:92dvh;border-radius:1.75rem}.game-mobile-frame-bg{background-image:var(--bg-desktop);background-size:cover;background-position:center}.game-header{max-width:640px;margin-left:auto;margin-right:auto}.game-logo-small{height:85px;width:357px}.game-body{max-width:920px;margin:0 auto;gap:1.75rem;padding:0 1.5rem 1.25rem}.game-sidebar{gap:7px}.game-qnum{min-width:40px;height:34px;font-size:.85rem}.game-question-card{padding:1.6rem 1.9rem;border-radius:1.5rem}.game-q-label{font-size:.88rem}.game-q-text{font-size:1.5rem}.game-meta-row{gap:.85rem}.game-points,.game-timer-badge{font-size:1rem;padding:.55rem 1.15rem}.game-answers{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.game-answer-btn{font-size:1.15rem;padding:1.1rem 1.3rem;border-radius:1.1rem}.game-jokers{gap:1.4rem;padding:1rem 1rem 1.4rem}.game-joker-btn{width:68px;height:68px;font-size:1.5rem}.game-welcome-inner{max-width:680px}.game-official-logo-welcome{width:256px;height:61px}.game-welcome-card{padding:2.5rem 2.75rem;gap:2.25rem;border-radius:2.25rem}.game-welcome-text{font-size:.86rem}.game-welcome-title-line{font-size:1.04rem}.game-welcome-text{flex:1}.game-welcome-girl-col{flex:none;width:216px;min-width:0;max-width:none;margin-bottom:-2.5rem}.game-play-btn{min-width:280px!important;font-size:1.25rem!important}.game-official-logo{width:280px;height:67px}.game-mockup-green-card,.game-btn-row{max-width:680px}.game-mockup-green-card{padding:2.5rem;gap:2rem;border-radius:2.25rem}.game-card-title{font-size:1.55rem}.game-card-content-col{flex:1}.game-card-character-col{flex:none;width:216px;min-width:0;max-width:none;margin-bottom:-2.5rem}.game-score-pill{font-size:1.2rem;padding:.6rem 1.7rem}.game-lb-view{max-width:680px;margin:0 auto;padding-top:1.5rem}.game-lb-podium-col{max-width:160px}.game-lb-podium-col.place-1{max-width:180px}}@media(max-height:750px){.game-header{margin:.35rem .85rem .3rem}.game-logo-small{height:44px;width:185px}.game-question-card{padding:.65rem .9rem}.game-q-text{font-size:1rem}.game-answer-btn{padding:.55rem .8rem;font-size:.95rem}.game-jokers{padding:.35rem .85rem .5rem;gap:.5rem}.game-joker-btn{width:46px;height:46px;font-size:1.1rem}}.about-us-page{padding:1.5rem 1rem 0;max-width:900px;margin:0 auto}.about-hero-wrapper{margin-bottom:2rem;text-align:center;position:relative}.about-hero-img{max-width:100%;height:auto;border-radius:1.25rem;box-shadow:0 10px 20px -5px #00000014}.about-intro-section{text-align:center;margin-bottom:2rem}.about-title{font-size:1.75rem;font-weight:800;margin-bottom:.75rem;color:var(--primary-color)}.about-subtitle{font-size:1.05rem;line-height:1.7;max-width:720px;margin:0 auto;color:#475569;font-weight:500}.about-card-section{background:#fff;border-radius:1.25rem;padding:2rem;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:2rem;border:1px solid #f1f5f9}.about-card-lead{font-size:1.05rem;line-height:1.7;color:#334155;margin-bottom:1.5rem;font-weight:600;text-align:center}.about-benefits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.85rem}.about-benefit-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.85rem;transition:transform .2s ease,background-color .2s ease}.about-benefit-card:hover{transform:translateY(-2px);background-color:#f1f5f9}.about-benefit-icon{background:#fff;border-radius:50%;padding:.35rem;display:flex;align-items:center;justify-content:center;color:var(--primary-color);box-shadow:0 2px 4px #0000000d;flex-shrink:0}.about-benefit-text{font-size:.95rem;line-height:1.45;color:#475569;font-weight:500}.about-outro-banner{text-align:center;padding:1.5rem 1.25rem;border-radius:1.25rem;background-color:#84bb41;color:#fff;box-shadow:0 10px 20px #84bb4133}.about-outro-text{font-weight:700;font-size:1.25rem;line-height:1.4;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.1)}@media(max-width:768px){.about-us-page{padding:1rem .75rem 0}.about-hero-wrapper,.about-intro-section{margin-bottom:1.5rem}.about-title{font-size:1.4rem;margin-bottom:.5rem}.about-subtitle{font-size:.95rem;line-height:1.5}.about-card-section{padding:1.25rem 1rem;border-radius:1rem;margin-bottom:1.5rem}.about-card-lead{font-size:.95rem;margin-bottom:1rem}.about-benefits-grid{grid-template-columns:1fr;gap:.65rem}.about-benefit-card{flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;padding:.75rem .85rem;border-radius:.75rem}.about-benefit-text{font-size:.9rem;line-height:1.4}.about-outro-banner{padding:1.1rem 1rem;border-radius:.85rem}.about-outro-text{font-size:1rem;line-height:1.35}}.game-footer-brand{color:#fff9;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.style-guide{padding:2rem 0}.style-guide-title{font-size:2.5rem;font-weight:800;color:var(--primary-color);margin-bottom:.5rem}.style-guide-intro{font-size:1.1rem;color:#64748b;margin-bottom:3rem}.sg-section{background:var(--card-bg);border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000000d}.sg-section-title{font-size:1.75rem;font-weight:700;color:var(--text-color);margin-top:0;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color)}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.color-card{border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;transition:transform .2s,box-shadow .2s}.color-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.color-swatch{width:100%;height:120px}.color-info{padding:1rem}.color-name{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0 0 .5rem}.color-hex{font-family:Courier New,monospace;font-size:1rem;font-weight:600;color:var(--primary-color);margin:0 0 .5rem}.color-usage{font-size:.9rem;color:#64748b;margin:0}.typography-samples h1,.typography-samples h2,.typography-samples h3,.typography-samples h4{color:var(--text-color);margin-bottom:1rem}.typography-samples p{color:var(--text-color);margin-bottom:1rem;line-height:1.6}.button-samples{display:flex;gap:1rem;flex-wrap:wrap}.form-samples{max-width:500px}.card-samples{max-width:600px}@media(max-width:768px){.style-guide-title{font-size:2rem}.sg-section{padding:1.5rem}.color-grid{grid-template-columns:1fr}}