html{scroll-behavior:smooth}:root{--navbar-height:64px}body{background-color:#d4bf9d;box-sizing:border-box;margin:0;padding:64px 0 0;padding-top:var(--navbar-height)}body.landing-page-active{padding-top:0!important}.header{background-image:linear-gradient(180deg,#00000080,#000000e6),url(/static/media/culinarybackground.b8891c72eeac2ea2faf2.jpg);background-position:50%;background-repeat:no-repeat;background-size:110% 130%;font-family:"serif",baskerville,Times New Roman,Georgia,sans-serif,Courier,monospace;height:65vh;justify-content:center;margin-top:5px;padding:20px}.header,.header-container{align-items:center;background-attachment:fixed;display:flex}.header-container{color:#d4bf9d;display:inline-block;flex-direction:column;font-size:clamp(1.5em,4vw,2.5em);line-height:0;margin:0;text-align:center;width:50%}.header h1{-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:#311d0a;color:#fff;font-size:clamp(2rem,6vw,4rem);text-transform:uppercase}.header p{color:#b8b8b8;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:100;margin-bottom:2rem}.header button{background-color:#d4bf9d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:clamp(.9rem,2vw,1rem);font-weight:800;margin-top:20px;padding:10px 20px;position:relative;text-transform:uppercase;transition:all .3s ease;z-index:2}.header button:hover{background-color:#5c3a30;box-shadow:none;color:#d4bf9d;transform:scale(1.05) translateY(-2px)}.about{align-items:center;background-color:#d4bf9d;min-height:60vh;padding:2.5rem 1rem}.about,.about-container{box-sizing:border-box;display:flex;justify-content:center}.about-container{align-items:flex-end;flex-direction:row;gap:2rem;margin:0 auto;max-width:1200px;padding:1rem}.about-text{box-sizing:border-box;color:#63372c;display:inline-block;font-family:"serif",baskerville,Times New Roman,Georgia,sans-serif,Courier,monospace;font-size:1.15rem;margin-left:1.5rem;max-width:720px}.about-image{display:flex;flex:0 0 42%;flex-direction:column;gap:3rem;justify-content:flex-end;max-width:480px}.about-image img{border-radius:6px;box-shadow:1rem 1rem 0 4px #63372c;display:block;height:clamp(180px,30vw,420px);object-fit:cover;width:100%}.about-text h2{color:#63372c;margin-bottom:1rem;margin-top:0}.about-text .lists{list-style:none;padding-left:0}.about-text h2{-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:#311d0a;color:#c2926b;font-size:clamp(2rem,6vw,4rem);margin-bottom:2rem;text-transform:uppercase}.about-text h3{font-size:2.75rem;margin-bottom:.1em}.subscribe-header{-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:#311d0a;color:#c2926b;display:block;font-size:clamp(2rem,6vw,4rem);line-height:1;margin:0 auto 2rem;max-width:90%;text-align:center;text-transform:uppercase}.subscribe-hero p{color:#63372c;font-size:1.2rem;line-height:1.6;margin:0 auto 1.5rem;max-width:700px;text-align:center}.outlined-header{-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:#311d0a;color:#c2926b;font-size:clamp(2rem,6vw,4rem);margin:2rem auto 1rem;text-align:center;text-transform:uppercase}.themed-container{margin:auto;max-width:800px;padding:2rem}.page-title{color:var(--primary-color);font-size:2rem}.video-box iframe{border-radius:8px;height:400px;width:100%}.card{background:var(--card-bg);border-radius:8px;margin-top:2rem;padding:1.5rem}.progress-container{background-color:#eee;border-radius:8px;height:24px;overflow:hidden;width:100%}.progress-fill{align-items:center;background-color:#4caf50;color:#fff;display:flex;font-weight:700;height:100%;justify-content:flex-end;padding-right:8px;transition:width .3s ease}.progress-label{font-size:12px}.dashboard-sidebar{display:flex;flex-direction:column;gap:3rem;left:0;padding-left:2rem;position:absolute;top:190px;width:440px;z-index:0}.sidebar-image{border-radius:6px;box-shadow:1rem 1rem 0 4px #63372c;display:block;height:clamp(800px,50vh,600px);object-fit:cover;width:100%}.login-images-left{display:flex;flex-direction:column;gap:3rem;left:0;padding-left:2rem;position:absolute;top:70px;width:400px;z-index:0}.login-images-left img{border-radius:6px;box-shadow:1rem 1rem 0 4px #63372c;display:block;height:clamp(180px,30vw,420px);object-fit:cover;width:100%}@media (max-width:880px){.dashboard-sidebar,.login-images-left{display:none!important;height:0!important;margin:0!important;overflow:hidden;padding:0!important;position:static!important;width:0!important}}.navbar{background:#d4bf9d;box-shadow:0 2px 8px #00000014;height:auto;justify-content:flex-start;left:0;padding:16px 32px;position:fixed;top:0;width:100%;z-index:1000}.navbar .logo,.navbar .navbar-logo{-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:#311d0a;align-items:center;color:#caa98d;display:flex;flex-shrink:0;font-size:1.95rem;font-weight:700;height:100%;letter-spacing:2px;line-height:64px;line-height:var(--navbar-height);margin-left:2.2rem;margin-right:2.7rem;transition:opacity .2s}.navbar a{border-radius:4px;color:#64372c;font-family:baskerville,serif;font-size:1.1rem;font-weight:500;padding:.5rem .75rem;text-decoration:none;transition:background .2s,color .2s}.navbar a:focus,.navbar a:hover{background:#5c3a30;color:#fff}.nav-links{max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .4s ease}.nav-links.open{max-height:500px;opacity:1;pointer-events:auto}.explore{align-items:center;display:inline-flex;position:relative}.explore-toggle{background:#d4bf9d;border:none;border-radius:6px;color:#63372c;cursor:pointer;font-weight:700;padding:8px 10px}.explore-toggle:focus{outline:2px solid #63372c33;outline-offset:2px}.explore.open .nav-links{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.explore .nav-links a{background:#0000;border-radius:6px;color:#333;padding:10px;transition:background .2s ease,color .2s ease}.explore .nav-links a:focus,.explore .nav-links a:hover{background:#64372c;color:#fff}.explore .nav-links .subscribe-button{border-radius:6px;color:#64372c;display:block;padding:10px}#explore #nav-links{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0;padding:8px;width:100%}#explore #nav-links li{list-style:none}#explore #nav-links a{display:inline-block;padding:.5rem .75rem}@media (min-width:881px){.explore .nav-links{background:#d4bf9d;border-radius:8px;box-shadow:0 8px 20px #00000014;flex-direction:column;gap:6px;max-height:none;opacity:0;overflow-y:auto;padding:8px;pointer-events:none;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;visibility:hidden;width:220px;z-index:1200}.explore.open .nav-links,.explore:focus-within .nav-links,.explore:hover .nav-links{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}}@media (max-width:880px){.explore{display:none}}.nav-actions{gap:.75rem;margin-left:auto;margin-right:1rem}.nav-actions .subscribe-button{align-items:center;border-radius:6px;display:inline-flex;justify-content:center;padding:10px 14px;text-decoration:none}.page-content{padding-top:80px}.auth-card{background:#d4bf9d;border-radius:12px;box-shadow:0 10px 30px #63372c0f;box-sizing:border-box;color:#63372c;font-family:"serif",Baskerville,Times New Roman,Georgia,serif;margin:2rem auto;max-width:600px;padding:2rem}.auth-card h1{-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:#311d0a;color:#63372c;color:#c2926b;font-size:clamp(2rem,6vw,4rem);margin-top:0;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.auth-form label{color:#63372c;display:block;font-weight:700}.auth-form input{background:#fff;border:1px solid #00000014;border-radius:8px;box-sizing:border-box;color:#333;font-size:1rem;padding:.85rem .9rem;width:100%}.password-wrapper{position:relative;width:100%}.password-wrapper input{padding-right:2.5rem;width:100%}.password-wrapper button.toggle-visibility{background:none;border:none;color:#63372c;cursor:pointer;font-size:1.2rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.remember-me{align-items:center;color:#63372c;display:inline-flex;font-weight:600;justify-content:flex-start;margin:.5rem 0 0}.remember-me input[type=checkbox]{flex-shrink:0;margin:0 .4rem 0 0;width:auto}.remember-me label{display:inline-block;margin:0}.forgot-link{color:#63372c;display:block;font-weight:600;margin-top:.5rem;text-align:center;text-decoration:underline}.auth-form button.submit-button{background:#63372c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:800;padding:.75rem 1rem;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.auth-form button.submit-button:hover{background:#311d0a;box-shadow:0 8px 20px #63372c1f;transform:translateY(-2px)}.auth-feedback{font-weight:600;margin-top:.5rem;min-height:1.2rem;text-align:center}.auth-feedback.error{color:#b22222}.auth-feedback.success{color:#0a7a0a}.lesson-title{-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:#311d0a;color:#63372c;color:#c2926b;font-size:clamp(1.5px,4.5vw,2.75rem);margin-top:0;text-align:center}.dropdown-section{margin-top:1.5rem}.dropdown-content{display:block;margin-top:10px;position:relative}.dropdown-content.hidden{display:none}.dropdown-toggle{align-items:center;background-color:#fdf6e3;border:2px solid #63372c;border-radius:6px;color:#63372c;cursor:pointer;display:flex;font-weight:700;justify-content:space-between;padding:.5rem 1rem;width:100%}.dropdown-toggle:hover{text-decoration:underline}.dropdown-menu{background:#d4bf9d;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 8px #0000001a;display:none;min-width:160px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-menu.show{display:block}.hidden{display:none}.admin-dropdown{display:inline-block;margin:1rem 0;position:relative}.dropdown-item{background:none;border:none;cursor:pointer;display:block;padding:10px 16px;text-align:left;width:100%}.dropdown-item:hover{background-color:#f0f0f0}.member-dropdown{position:relative}.member-dropdown .dropdown-content{background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 6px #0000001a;min-width:160px;position:absolute;right:0;top:100%;z-index:1000}.avatar-button{background:none;border:none;cursor:pointer;padding:0}.avatar-button img{border-radius:50%;height:32px;object-fit:cover;transition:transform .2s ease;width:32px}.avatar-button img:hover{transform:scale(1.05)}#member-menu.dropdown-content{background:#d4bf9d;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:180px;padding:8px 0;position:absolute;right:0;top:100%;z-index:1000}#member-menu a{color:#3e2a1e;display:block;font-size:.9rem;padding:10px 16px;text-decoration:none;transition:background .2s ease}#member-menu a:hover{background-color:#f0f0f0}.badge-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.badge{align-items:center;animation:badgeFadeIn .5s ease-out forwards;background-color:#fff8e1;border:1px solid #63372c;border-radius:4px;box-shadow:1px 1px 3px #00000014;cursor:pointer;display:flex;font-size:.8rem;gap:.3rem;opacity:0;padding:.4rem .6rem;transform:translateY(10px);transition:transform .2s ease,box-shadow .2s ease}.badge:hover{box-shadow:0 6px 14px #00000026;transform:translateY(-4px) scale(1.05)}.badge .rarity-dot{border-radius:50%;display:inline-block;height:10px;margin-left:6px;width:10px}.rarity-common{background-color:#9e9e9e}.rarity-rare{background-color:#4a90e2}.rarity-epic{background-color:#9b59b6}.rarity-legendary{background-color:#f1c40f}@keyframes badgeFadeIn{to{opacity:1;transform:translateY(0)}}.badge-icon{font-size:1rem}#badge-dropdown{margin-bottom:1.5rem}.locked:hover:after{display:block}.dashboard-section{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:800px;padding:2rem}.dashboard-card{background-color:#d4bf9d;border-radius:12px;box-shadow:0 0 20px #0000001a;padding:2rem}.dashboard-header{color:#573026;margin-top:0}.saved-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:10px}.saved-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000000d;cursor:pointer;overflow:hidden;transition:transform .2s ease}.saved-card:hover{transform:scale(1.02)}.saved-card img{height:120px;object-fit:cover;width:100%}.saved-card .title{font-size:.95rem;font-weight:600;padding:8px;text-align:center}.lesson-progress-container{background-color:#f3e9d7;border:2px solid #c4a484;border-radius:12px;box-shadow:0 0 10px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.progress-bar{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin:20px 0;padding:12px}.progress-bar .bar{background:#e0e0e0;border-radius:7px;height:14px;overflow:hidden;width:100%}.progress-bar .fill{background:linear-gradient(90deg,#4caf50,#81c784);border-radius:7px 0 0 7px;height:100%;transition:width .4s ease}.progress-bar .badges{color:#388e3c;font-size:.9rem;margin-top:12px}.progress-bar .streak{color:#ff5722;font-size:.95rem;font-weight:600;margin-top:8px}.table-wrapper{border-radius:8px;box-shadow:0 0 10px #0000000d;margin-top:1rem;overflow-x:auto}.dashboard-table{background-color:#fffdf7;border:1px solid #c4a484;border-collapse:collapse;width:100%}.dashboard-table td,.dashboard-table th{border-bottom:1px solid #e0d6c9;color:#3e2a1e;font-size:.95rem;padding:.75rem 1rem;text-align:left}.dashboard-table th{background-color:#f3e9d7;font-weight:700}.dashboard-table tr:hover{background-color:#f9f2e8}.dashboard-table .action-button{background-color:#63372c;border:none;border-radius:6px;color:#fff8e1;cursor:pointer;font-size:.85rem;padding:.4rem .8rem}.dashboard-table .action-button:hover{background-color:#4e2a22}#badge-modal .modal-content{max-height:70vh;overflow-y:auto;padding-right:1rem}.progress-title{color:#63372c;font-size:1.3rem;margin-bottom:1rem;margin-top:0;text-align:center}.progress-bar-wrapper{align-items:center;display:flex;flex-direction:column}.progress-bar-container{background-color:#e0d4c0;border-radius:10px;box-shadow:inset 0 1px 3px #0003;height:20px;overflow:hidden;width:100%}.progress-bar-fill{background-color:#63372c;height:100%;transition:width .4s ease;width:0}.progress-label{color:#3e2a1e;font-size:.95rem;margin-top:.5rem}.locked{cursor:not-allowed;opacity:.5;pointer-events:auto;position:relative}.locked:after{background:#333;border-radius:4px;bottom:110%;color:#fff;content:attr(data-tooltip);display:none;font-size:12px;left:50%;padding:6px 10px;position:absolute;transform:translateX(-50%);white-space:nowrap}.modal{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.modal.hidden{display:none}.modal-content{background:#fff;border-radius:10px;box-shadow:0 0 20px #0003;max-width:500px;padding:2rem;width:90%}.close{cursor:pointer;float:right;font-size:1.5rem}.mobile-menu{display:none}.desktop-only{align-items:center;display:flex;gap:12px}.mobile-only{display:none}.navbar{justify-content:space-between;padding:0 32px;width:98%}.navbar,.navbar-right{align-items:center;display:flex}.navbar-right{gap:12px;padding-right:32px}.navbar-left{flex:1 1;gap:16px;margin-left:auto;margin-right:auto;max-width:960px}.nav-actions,.navbar-left{align-items:center;display:flex}.nav-actions{gap:12px;position:relative}.logo{color:#573026;font-size:24px;font-weight:700;text-decoration:none}.landing-page{padding-top:0!important}@media (max-width:950px){.desktop-only{display:none}nav .logo{font-size:20px;margin-left:12px}nav .hamburger{font-size:24px;margin-right:12px}.mobile-only{display:block}.mobile-menu{background:#d4bf9d;border:1px solid #ccc;border-radius:6px;display:flex;flex-direction:column;gap:10px;padding:12px;position:absolute;right:10px;top:60px;z-index:999}.mobile-menu a{color:#573026;font-weight:500;text-decoration:none}.navbar{box-sizing:border-box;margin:0!important;min-height:44px;padding:0 16px!important}.navbar,.navbar-left{align-items:center!important;display:flex!important;height:auto;justify-content:space-between!important;width:100%!important}.navbar-left{padding:0!important}body{padding-top:0!important}.hamburger{background:none;border:none;color:#573026!important;display:block!important;font-size:28px!important;margin-left:auto!important;z-index:9999}.logo{font-size:20px!important;margin-left:0!important;max-width:70%;overflow:hidden;padding-left:0!important;text-overflow:ellipsis;white-space:nowrap}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.ad820227.css.map*/