.learnix-hero-main{background-color:#fff;border-bottom:1px solid #e5e7eb;align-items:center;min-height:85vh;padding:100px 20px 80px;display:flex;position:relative;overflow:hidden}.learnix-hero-container{width:100%;max-width:1200px;margin:0 auto;position:relative}.learnix-floating-icons{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.learnix-float-icon{color:#87ceeb;opacity:.1;font-size:4rem;animation:8s ease-in-out infinite learnixFloatAnimation;position:absolute}.learnix-float-1{animation-delay:0s;top:10%;left:10%}.learnix-float-2{animation-delay:2s;top:20%;right:15%}.learnix-float-3{animation-delay:4s;bottom:30%;left:15%}.learnix-float-4{animation-delay:6s;bottom:15%;right:10%}.learnix-hero-content{text-align:center;z-index:2;opacity:0;transition:all .8s ease-out;position:relative;transform:translateY(30px)}.learnix-content-visible{opacity:1;transform:translateY(0)}.learnix-title-wrapper{margin-bottom:30px}.learnix-main-title{color:#1f2937;letter-spacing:-.02em;margin:0;font-size:3.5rem;font-weight:800;line-height:1.2}.learnix-brand-text{color:#2563eb;animation:3s ease-in-out infinite learnixBrandPulse;display:inline-block;position:relative}.learnix-brand-underline{background-color:#fbbf24;border-radius:2px;width:0;height:4px;animation:2s ease-out 1s forwards learnixUnderlineGrow;position:absolute;bottom:-5px;left:0}.learnix-hero-subtitle{color:#4b5563;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.3rem;font-weight:400;line-height:1.6}.learnix-feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:500px;margin:0 auto 50px;display:grid}.learnix-nav-card-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;max-width:800px;margin:0 auto 40px;padding:0 10px;display:grid}.learnix-nav-card{color:#1f2937;cursor:pointer;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:28px 18px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 8px #3b82f60a}.learnix-nav-card:hover{color:#2563eb;background:#e0e7ff;border-color:#2563eb;transform:translateY(-3px)scale(1.03);box-shadow:0 8px 24px #2563eb14}.learnix-nav-card-icon{color:#2563eb;font-size:2.2rem;transition:color .3s}.learnix-nav-card:hover .learnix-nav-card-icon{color:#fbbf24}.learnix-nav-card-highlight{color:#b45309;background:linear-gradient(90deg,#fef9c3 60%,#e0e7ff 100%);border-color:#fbbf24;position:relative;box-shadow:0 8px 32px #fbbf241f}.learnix-nav-card-highlight:after{content:"Most Helpful";color:#fff;background:#fbbf24;border-radius:8px;padding:2px 10px;font-size:.8rem;font-weight:700;position:absolute;top:12px;right:18px;box-shadow:0 2px 8px #fbbf2414}.learnix-feature-card{cursor:default;background-color:#fff;border:2px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:20px 15px;transition:all .3s;display:flex;position:relative;overflow:hidden}.learnix-feature-card:before{content:"";background:linear-gradient(90deg,#0000,#3b82f61a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.learnix-feature-card:hover:before{left:100%}.learnix-feature-card:hover{border-color:#3b82f6;transform:translateY(-5px);box-shadow:0 10px 25px #3b82f61a}.learnix-feature-icon{color:#2563eb;font-size:1.5rem;transition:all .3s}.learnix-feature-card:hover .learnix-feature-icon{color:#fbbf24;transform:scale(1.1)}.learnix-feature-card span{color:#374151;font-size:.9rem;font-weight:600}.learnix-status-section{margin-top:40px}.learnix-welcome-card{background-color:#f0f9ff;border:2px solid #bfdbfe;border-radius:16px;align-items:center;gap:15px;padding:25px;animation:.6s ease-out 1.5s both learnixWelcomeSlide;display:inline-flex;position:relative}.learnix-success-indicator{background-color:#10b981;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:2s ease-in-out infinite learnixSuccessPulse}.learnix-status-text{color:#1e40af;margin:0;font-size:1.1rem;font-weight:600}.learnix-login-prompt{flex-direction:column;align-items:center;gap:20px;animation:.6s ease-out 1.5s both learnixPromptSlide;display:flex}.learnix-prompt-text{color:#6b7280;margin:0;font-size:1.1rem}.learnix-whats-new-section{background:#fff;border:2px solid #e5e7eb;border-radius:20px;max-width:800px;margin-top:60px;margin-left:auto;margin-right:auto;padding:40px 30px;animation:.8s ease-out 2s both learnixWhatsNewSlide;box-shadow:0 10px 40px #57ceeb14}.learnix-whats-new-header{justify-content:center;align-items:center;gap:12px;margin-bottom:30px;display:flex}.learnix-whats-new-icon{color:#57ceeb;font-size:2rem;animation:2s ease-in-out infinite learnixNewIconBounce}.learnix-whats-new-title{background:linear-gradient(135deg,#57ceeb 0%,#fbbf24 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.8rem;font-weight:800}.learnix-updates-container{flex-direction:column;gap:12px;display:flex}.learnix-update-card{background:linear-gradient(135deg,#f0f9ff 0%,#fef9c3 100%);border:2px solid #57ceeb;border-radius:14px;transition:all .3s;overflow:hidden}.learnix-update-card:hover{border-color:#fbbf24;transform:translate(5px);box-shadow:0 8px 24px #57ceeb26}.learnix-update-toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:18px 20px;font-family:inherit;transition:all .2s;display:flex}.learnix-update-toggle:hover{background:#57ceeb0d}.learnix-update-title-text{color:#1f2937;text-align:left;flex:1;font-size:1.1rem;font-weight:700;transition:color .2s}.learnix-update-toggle:hover .learnix-update-title-text{color:#57ceeb}.learnix-update-chevron{color:#57ceeb;transform-origin:50%;flex-shrink:0;font-size:1.3rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.learnix-update-chevron-open{color:#fbbf24;transform:rotate(180deg)}.learnix-update-content{max-height:300px;padding:0 20px 20px;animation:.3s cubic-bezier(.4,0,.2,1) forwards learnixContentExpand;overflow:hidden}.learnix-update-content p{color:#4b5563;margin:0;font-size:.95rem;font-weight:500;line-height:1.6}.learnix-update-expanded{background:linear-gradient(135deg,#e0f7ff 0%,#fffacd 100%);border-color:#fbbf24;box-shadow:0 12px 32px #57ceeb33}.learnix-cta-button{color:#fff;background-color:#2563eb;border:2px solid #2563eb;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.learnix-cta-button:before{content:"";z-index:-1;background-color:#fbbf24;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.learnix-cta-button:hover:before{left:0}.learnix-cta-button:hover{color:#1f2937;border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 8px 25px #2563eb4d}.learnix-button-icon{transition:transform .3s}.learnix-cta-button:hover .learnix-button-icon{transform:translate(4px)}.learnix-decoration-dots{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.learnix-dot{opacity:.2;background-color:#3b82f6;border-radius:50%;width:8px;height:8px;animation:6s ease-in-out infinite learnixDotFloat;position:absolute}.learnix-dot-1{animation-delay:0s;top:15%;left:5%}.learnix-dot-2{animation-delay:1s;top:25%;right:8%}.learnix-dot-3{animation-delay:2s;bottom:35%;left:8%}.learnix-dot-4{animation-delay:3s;bottom:20%;right:5%}.learnix-dot-5{animation-delay:4s;top:50%;left:3%}.learnix-dot-6{animation-delay:5s;top:60%;right:3%}@keyframes learnixFloatAnimation{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(5deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(10px)rotate(-5deg)}}@keyframes learnixBrandPulse{0%,to{color:#2563eb}50%{color:#1d4ed8}}@keyframes learnixUnderlineGrow{0%{width:0}to{width:100%}}@keyframes learnixWelcomeSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes learnixPromptSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes learnixSuccessPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes learnixDotFloat{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:.4;transform:translateY(-15px)}}@media (max-width:1024px){.learnix-main-title{font-size:3rem}.learnix-hero-subtitle{font-size:1.2rem}.learnix-feature-grid{gap:15px;max-width:450px}.learnix-whats-new-section{max-width:700px;padding:30px 25px}.learnix-whats-new-title{font-size:1.6rem}}@media (max-width:768px){.learnix-hero-main{min-height:80vh;padding:80px 20px 60px}.learnix-main-title{font-size:2.5rem}.learnix-hero-subtitle{margin-bottom:30px;font-size:1.1rem}.learnix-feature-grid{grid-template-columns:1fr;gap:15px;max-width:280px;margin-bottom:40px}.learnix-feature-card{padding:18px 15px}.learnix-login-prompt{gap:15px}.learnix-prompt-text{text-align:center;font-size:1rem}.learnix-cta-button{padding:12px 24px;font-size:.95rem}.learnix-float-icon{font-size:3rem}.learnix-whats-new-section{max-width:100%;margin:40px 0;padding:25px 15px}.learnix-whats-new-title{font-size:1.4rem}.learnix-update-toggle{padding:14px 15px}.learnix-update-title-text{font-size:1rem}.learnix-update-content{padding:0 15px 15px}.learnix-update-content p{font-size:.9rem}}@media (max-width:480px){.learnix-hero-main{padding:60px 15px 50px}.learnix-main-title{font-size:2.2rem;line-height:1.3}.learnix-hero-subtitle{font-size:1rem}.learnix-feature-card{padding:15px 12px}.learnix-feature-icon{font-size:1.3rem}.learnix-feature-card span{font-size:.85rem}.learnix-welcome-card{margin:0 10px;padding:20px}.learnix-status-text{font-size:1rem}.learnix-cta-button{padding:10px 20px;font-size:.9rem}.learnix-whats-new-section{border-radius:12px;margin:30px 0;padding:20px 12px}.learnix-whats-new-header{gap:8px;margin-bottom:20px}.learnix-whats-new-icon{font-size:1.5rem}.learnix-whats-new-title{font-size:1.2rem}.learnix-updates-container{gap:8px}.learnix-update-card{border-radius:10px}.learnix-update-toggle{padding:12px}.learnix-update-title-text{font-size:.95rem}.learnix-update-chevron{font-size:1.1rem}.learnix-update-content{padding:0 12px 12px}.learnix-update-content p{font-size:.85rem}}
:root{--max-fixed-width:600px}.tutvideo-outer{box-sizing:border-box;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;padding:12px;display:flex}.tutvideo-wrapper{width:100%;max-height:80vh;margin:0 auto;display:block}.tutvideo-wrapper video{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;box-shadow:none;background:#000;border:none;border-radius:0;outline:none;display:block}@media (min-width:700px){.tutvideo-wrapper{width:var(--max-fixed-width);max-width:var(--max-fixed-width)}}@media (max-width:619px){.tutvideo-wrapper{width:90%;max-width:90%}}.tutvideo-outer:focus{outline:none}
.wn__section_wrapper{width:100%;max-width:1200px;margin:0 auto;padding:3rem 1.5rem}.wn__header_container{align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.wn__icon_wrapper{background-color:#ffd93d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s;display:flex}.wn__icon_wrapper:hover{transform:rotate(12deg)scale(1.05)}.wn__header_icon{color:#1e40af;font-size:28px}.wn__main_title{color:#1e40af;letter-spacing:-.5px;margin:0;font-size:2rem;font-weight:700}.wn__updates_grid{flex-direction:column;gap:1.25rem;display:flex}.wn__card{background-color:#fff;border:2px solid #1e40af;border-radius:16px;transition:all .3s;overflow:hidden}.wn__card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1e40af1a}.wn__card_expanded{border-color:#ffd93d;box-shadow:0 4px 16px #ffd93d33}.wn__card_header{cursor:pointer;text-align:left;background-color:#0000;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.5rem;transition:background-color .2s;display:flex}.wn__card_header:hover{background-color:#1e40af08}.wn__card_title{color:#000;flex:1;font-size:1.125rem;font-weight:600;transition:color .2s}.wn__card_expanded .wn__card_title{color:#1e40af}.wn__chevron_icon{color:#1e40af;flex-shrink:0;font-size:24px;transition:transform .3s,color .2s}.wn__chevron_rotated{color:#ffd93d;transform:rotate(180deg)}.wn__content_wrapper{max-height:0;transition:max-height .4s,padding .4s;overflow:hidden}.wn__content_visible{max-height:500px;padding:0 1.5rem 1.5rem}.wn__content_text{color:#333;border-top:2px solid #ffd93d;padding-top:.5rem;font-size:1rem;line-height:1.7;animation:.4s fadeInText}@keyframes fadeInText{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.wn__section_wrapper{padding:2rem 1rem}.wn__header_container{margin-bottom:2rem}.wn__icon_wrapper{width:42px;height:42px}.wn__header_icon{font-size:24px}.wn__main_title{font-size:1.5rem}.wn__card_header{padding:1.25rem}.wn__card_title{font-size:1rem}.wn__chevron_icon{font-size:20px}.wn__content_visible{padding:0 1.25rem 1.25rem}.wn__content_text{font-size:.938rem;line-height:1.6}}@media (max-width:480px){.wn__section_wrapper{padding:1.5rem .75rem}.wn__header_container{gap:.75rem}.wn__icon_wrapper{width:38px;height:38px}.wn__header_icon{font-size:22px}.wn__main_title{font-size:1.25rem}.wn__updates_grid{gap:1rem}.wn__card{border-radius:12px}.wn__card_header{padding:1rem}.wn__card_title{font-size:.938rem}.wn__content_visible{padding:0 1rem 1rem}.wn__content_text{font-size:.875rem}}
