@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Cherry+Bomb+One&family=Poppins:wght@500;600;700;800&family=Montserrat:wght@400;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{flex-direction:column;width:100%;min-height:100vh;display:flex}.main-content{flex:1;width:100%;animation:.6s ease-in-out fadeIn;overflow-y:auto}.login-required{background:linear-gradient(135deg, var(--white) 0%, #f0f7f4 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-required-content{text-align:center;background-color:var(--white);border-left:5px solid var(--mint-green);border-radius:12px;max-width:600px;padding:3rem;animation:.6s cubic-bezier(.34,1.56,.64,1) slideInUp;box-shadow:0 8px 30px #1db58426}.lock-icon{margin-bottom:1rem;font-size:4rem}.login-required-content h2{color:var(--mint-green);margin-bottom:1rem;font-size:1.8rem}.login-required-content p{color:var(--dark-gray);margin-bottom:.5rem;line-height:1.6}.login-required-content .tip{color:var(--mint-green);margin-top:1.5rem;font-weight:600}.dark-theme .login-required{background:linear-gradient(135deg,#1db58414 0%,#26d07c0a 100%)}.dark-theme .login-required-content{background-color:var(--white)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%,to{box-shadow:0 0 5px #1db58480}50%{box-shadow:0 0 20px #1db584cc}}:root{--mint-green:#1db584;--light-mint:#26d07c;--white:#fff;--black:#000;--dark-gray:#1a1a1a;--light-gray:#f5f5f5;--border-radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--white);color:var(--black);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.brand-font{font-family:Cherry Bomb One!important}.heading-font{font-family:Poppins,Inter,system-ui,-apple-system,sans-serif;font-weight:700}.subheading-font{font-family:Montserrat,Inter,system-ui,-apple-system,sans-serif;font-weight:600}.mono-font{font-family:Space Mono,monospace}h1,h2,h3,h4,h5,h6{font-family:Poppins,Inter,system-ui,-apple-system,sans-serif}h1{font-size:2.5rem;font-weight:800}h2{font-size:2rem;font-weight:700}h3{font-size:1.5rem;font-weight:600}html,body{transition:background-color .3s,color .3s}button{font-family:Montserrat,Inter,system-ui,-apple-system,sans-serif;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1)}button:active{transform:scale(.96)}input,select,textarea{transition:all .3s}input:focus,select:focus,textarea:focus{transform:scale(1.02)}html,body,#root{width:100%;height:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--light-gray)}::-webkit-scrollbar-thumb{background:var(--mint-green);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--light-mint)}.dark-theme{--white:#071017;--black:#e7f6f0;--dark-gray:#94a3a1;--light-gray:#0b1113;--mint-green:#17b277;--light-mint:#22c06e}.navbar{background-color:var(--black);z-index:1000;padding:0;animation:.5s slideInDown;position:sticky;top:0;box-shadow:0 4px 12px #1db58433}.navbar-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex}.navbar-logo{color:var(--mint-green);cursor:pointer;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.navbar-logo .brand-text{letter-spacing:1px;color:var(--mint-green);font-size:1.85rem;font-weight:400;font-family:Cherry Bomb One!important}.navbar-logo:hover .brand-text{filter:drop-shadow(0 0 10px #1db58466);animation:.6s bounce}.brand-text{text-shadow:0 4px 10px #1db58426,0 1px #ffffff08;transition:transform .2s,text-shadow .2s}.brand-text:active{transform:scale(.98)translateY(0)}.navbar-menu{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.nav-btn{color:var(--white);border-radius:var(--border-radius);cursor:pointer;white-space:nowrap;background-color:#0000;border:2px solid #0000;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.nav-btn:before{content:"";background:#1db58433;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-btn:hover:before{width:300px;height:300px}.nav-btn:hover{border-color:var(--mint-green);color:var(--mint-green);z-index:1;position:relative;transform:translateY(-3px);box-shadow:0 8px 15px #1db58433}.nav-btn.active{background-color:var(--mint-green);color:var(--black);border-color:var(--mint-green)}.login-btn{border-color:var(--mint-green);color:var(--mint-green)}.login-btn:hover{background-color:var(--mint-green);color:var(--black)}.logout-btn{background-color:var(--light-mint);color:var(--black);border-color:var(--light-mint)}.logout-btn:hover{background-color:var(--mint-green);border-color:var(--mint-green)}.theme-toggle{color:var(--white);cursor:pointer;background-color:#0000;border:2px solid #0000;border-radius:10px;padding:.5rem .75rem;font-size:1.05rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.5s fadeIn}.theme-toggle:active{animation:.6s ease-in-out spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-toggle:hover{border-color:var(--mint-green);color:var(--mint-green);background-color:#1db58414}@media (max-width:768px){.navbar-container{flex-direction:column;gap:1rem;padding:1rem}.navbar-menu{justify-content:center;width:100%}.nav-btn{padding:.6rem 1rem;font-size:.9rem}}.login-container{background:linear-gradient(135deg, var(--mint-green) 0%, var(--light-mint) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{background-color:var(--white);border-radius:var(--border-radius);width:100%;max-width:450px;padding:3rem;transition:transform .3s,box-shadow .3s;animation:.6s cubic-bezier(.34,1.56,.64,1) slideUp;box-shadow:0 10px 40px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:var(--mint-green);margin-bottom:.5rem;font-size:2.5rem}.login-header p{color:var(--dark-gray);font-size:.95rem}.alert{border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1rem;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{color:#c62828;background-color:#ffebee;border-left:4px solid #c62828}.alert-success{color:#2e7d32;background-color:#e8f5e9;border-left:4px solid #2e7d32}.login-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--black);margin-bottom:.5rem;font-family:Montserrat,Inter,system-ui,sans-serif;font-size:.95rem;font-weight:600;display:block}.form-group input{border:2px solid var(--light-gray);border-radius:var(--border-radius);width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.form-group input:focus{border-color:var(--mint-green);outline:none;transform:scale(1.01);box-shadow:0 0 0 3px #1db5841a}.form-group input::placeholder{color:#999}.submit-btn{background:linear-gradient(135deg, var(--mint-green) 0%, var(--light-mint) 100%);width:100%;color:var(--white);border-radius:var(--border-radius);cursor:pointer;border:none;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #1db5844d}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #1db58480}.submit-btn:active{transform:translateY(-1px);box-shadow:0 4px 12px #1db5844d}.login-footer{text-align:center;border-bottom:2px solid var(--light-gray);margin-bottom:2rem;padding-bottom:2rem}.login-footer p{color:var(--black);margin:0}.toggle-btn{color:var(--mint-green);cursor:pointer;background:0 0;border:none;margin-left:.5rem;font-size:.95rem;font-weight:700;text-decoration:underline;transition:color .3s}.toggle-btn:hover{color:var(--light-mint)}.skip-section{text-align:center}.skip-section p{color:var(--dark-gray);margin-bottom:1rem;font-size:.9rem}.skip-btn{background-color:var(--light-gray);width:100%;color:var(--mint-green);border:2px solid var(--mint-green);border-radius:var(--border-radius);cursor:pointer;padding:.75rem;font-size:.95rem;font-weight:600;transition:all .3s}.skip-btn:hover{background-color:var(--mint-green);color:var(--white)}@media (max-width:480px){.login-card{padding:1.5rem}.login-header h1{font-size:1.5rem}.login-icon{font-size:2.5rem}}.home-container{background-color:var(--white);min-height:100vh}.hero-section{background:linear-gradient(135deg, var(--black) 0%, var(--dark-gray) 100%);color:var(--white);text-align:center;border-bottom:5px solid var(--mint-green);padding:6rem 2rem}.dark-theme .hero-section{background:linear-gradient(135deg,#1db58414 0%,#26d07c0a 100%)}.hero-content h1{color:#f0f8ff;margin-bottom:1rem;font-size:3.5rem;animation:.8s fadeInDown}.hero-content p{color:var(--light-mint);margin-bottom:3rem;font-size:1.5rem;animation:.8s .2s both fadeInUp}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem;display:grid}.stat{animation:.8s .4s both fadeInUp}.stat h3{color:var(--mint-green);margin-bottom:.5rem;font-size:2.5rem}.stat p{color:#f0f8ff;font-size:1rem}.welcome-section{background:linear-gradient(135deg,#1db5841a 0%,#26d07c0d 100%);padding:4rem 2rem}.welcome-card{background-color:var(--white);border-radius:var(--border-radius);text-align:center;border-left:5px solid var(--mint-green);max-width:600px;margin:0 auto;padding:2rem;box-shadow:0 5px 15px #1db58426}.welcome-icon{margin-bottom:1rem;font-size:3rem}.welcome-card h2{color:var(--mint-green);margin-bottom:.5rem}.welcome-card p{color:var(--dark-gray)}.features-section{max-width:1400px;margin:0 auto;padding:5rem 2rem}.features-section h2{text-align:center;color:var(--black);margin-bottom:3rem;font-size:2.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.feature-card{background-color:var(--white);border-radius:var(--border-radius);text-align:center;border:2px solid var(--light-gray);cursor:pointer;padding:2rem;transition:all .3s}.feature-card:hover{border-color:var(--mint-green);transform:translateY(-5px);box-shadow:0 10px 30px #1db58433}.feature-icon{margin-bottom:1rem;font-size:3rem}.feature-card h3{color:var(--mint-green);margin-bottom:.5rem}.feature-card p{color:var(--dark-gray);line-height:1.6}.cta-section{background:linear-gradient(135deg, var(--mint-green) 0%, var(--light-mint) 100%);color:var(--white);text-align:center;border-top:5px solid var(--black);padding:4rem 2rem}.cta-section h2{margin-bottom:1rem;font-size:2.5rem}.cta-section p{color:var(--black);margin-bottom:2rem;font-size:1.1rem}.cta-btn{background-color:var(--black);color:var(--mint-green);border-radius:var(--border-radius);cursor:pointer;border:none;padding:1rem 3rem;font-size:1.1rem;font-weight:700;transition:all .3s}.cta-btn:hover{background-color:var(--white);transform:scale(1.05)}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.2rem}.features-section h2,.cta-section h2{font-size:2rem}}.programs-container{background-color:var(--white);min-height:100vh;padding:3rem 2rem}.programs-header{text-align:center;margin-bottom:3rem}.programs-header h1{color:var(--black);margin-bottom:.5rem;font-size:3rem}.programs-header p{color:var(--dark-gray);font-size:1.1rem}.filter-section{text-align:center;max-width:1400px;margin:0 auto 3rem}.filter-section h3{color:var(--black);margin-bottom:1.5rem;font-size:1.2rem}.filter-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.filter-btn{background-color:var(--light-gray);color:var(--black);border:2px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.filter-btn:hover{border-color:var(--mint-green);color:var(--mint-green);transform:translateY(-2px)}.filter-btn.active{background-color:var(--mint-green);color:var(--white);border-color:var(--mint-green);box-shadow:0 6px 20px #1db5844d}.programs-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;max-width:1400px;margin:0 auto;display:grid}.program-card{background-color:var(--white);border-radius:var(--border-radius);border:2px solid var(--light-gray);cursor:pointer;flex-direction:column;padding:2rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.8s ease-out backwards fadeIn;display:flex}.program-card:first-child{animation-delay:.2s}.program-card:nth-child(2){animation-delay:.4s}.program-card:nth-child(3){animation-delay:.6s}.program-card:nth-child(4){animation-delay:.8s}.program-card:nth-child(5){animation-delay:1s}.program-card:nth-child(6){animation-delay:1.2s}.program-card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 20px 50px #1db58440}.program-card.level-beginner{border-left:5px solid #4caf50}.program-card.level-intermediate{border-left:5px solid #22f}.program-card.level-advanced{border-left:5px solid #ff6b6b}.program-icon{text-align:center;margin-bottom:1rem;font-size:3rem}.program-card h3{color:var(--black);margin-bottom:1rem;font-size:1.5rem}.program-meta{gap:.5rem;margin-bottom:1rem;display:flex}.level-badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:700}.level-badge.beginner{color:#2e7d32;background-color:#e8f5e9}.level-badge.intermediate{color:#001cbb;background-color:#e0f2f1}.level-badge.advanced{color:#c62828;background-color:#ffebee}.intensity{background-color:var(--light-gray);color:var(--black);border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:700}.description{color:var(--dark-gray);flex-grow:1;margin-bottom:1.5rem;line-height:1.6}.program-details{background-color:var(--light-gray);border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1rem}.detail{justify-content:space-between;margin-bottom:.5rem;display:flex}.detail:last-child{margin-bottom:0}.detail .label{color:var(--dark-gray);font-weight:600}.detail .value{color:var(--mint-green);font-weight:700}.enroll-btn{background:linear-gradient(135deg, var(--mint-green) 0%, var(--light-mint) 100%);color:var(--white);border-radius:var(--border-radius);cursor:pointer;border:none;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.enroll-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #1db58466}.enroll-btn:active{transform:translateY(-1px)}@media (max-width:768px){.programs-container{padding:1.5rem 1rem}.programs-header h1{font-size:2rem}.programs-grid{grid-template-columns:1fr}.filter-buttons{flex-direction:column}.filter-btn{width:100%}}.classes-container{background:linear-gradient(135deg, var(--light-gray) 0%, var(--white) 100%);min-height:100vh;padding:3rem 2rem}.classes-header{text-align:center;margin-bottom:3rem}.classes-header h1{color:var(--black);margin-bottom:.5rem;font-size:3rem}.classes-header p{color:var(--dark-gray);font-size:1.1rem}.day-selector{flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:1400px;margin-bottom:3rem;margin-left:auto;margin-right:auto;display:flex}.day-btn{background-color:var(--white);color:var(--black);border:2px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.day-btn:hover{border-color:var(--mint-green);color:var(--mint-green);transform:translateY(-3px);box-shadow:0 6px 20px #1db58433}.day-btn.active{background:linear-gradient(135deg, var(--mint-green) 0%, var(--light-mint) 100%);color:var(--white);border-color:var(--mint-green);transform:scale(1.05);box-shadow:0 8px 25px #1db58466}.schedule-container{max-width:1000px;margin:0 auto 3rem}.schedule-container h2{color:var(--black);text-align:center;margin-bottom:2rem;font-size:1.8rem}.classes-list{flex-direction:column;gap:1.5rem;display:flex}.class-card{background-color:var(--white);border-radius:var(--border-radius);border-left:5px solid var(--mint-green);justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.8s ease-out backwards slideInUp;display:flex;box-shadow:0 4px 15px #00000014}.class-card:first-child{animation-delay:.2s}.class-card:nth-child(2){animation-delay:.4s}.class-card:nth-child(3){animation-delay:.6s}.class-card:nth-child(4){animation-delay:.8s}.class-card:nth-child(5){animation-delay:1s}.class-card:hover{transform:translate(8px)translateY(-3px);box-shadow:0 12px 35px #1db58440}.class-left{flex:1;align-items:center;gap:1.5rem;display:flex}.class-icon{text-align:center;min-width:60px;font-size:2.5rem}.class-info{flex:1}.class-info h3{color:var(--black);margin-bottom:.5rem;font-size:1.3rem}.time,.trainer{color:var(--dark-gray);margin-bottom:.25rem;font-size:.9rem}.time{color:var(--mint-green);font-weight:600}.class-right{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.level-pill{text-transform:capitalize;white-space:nowrap;border-radius:20px;padding:.4rem .8rem;font-size:.85rem;font-weight:700}.level-pill.beginner{color:#2e7d32;background-color:#e8f5e9}.level-pill.intermediate{color:#00695c;background-color:#e0f2f1}.level-pill.advanced{color:#c62828;background-color:#ffebee}.capacity{text-align:center;flex-direction:column;min-width:70px;display:flex}.capacity-text{color:var(--dark-gray);font-size:.8rem;font-weight:600}.capacity-number{color:var(--mint-green);font-size:1.2rem;font-weight:700}.book-btn{background:linear-gradient(135deg, var(--mint-green) 0%, var(--light-mint) 100%);color:var(--white);border-radius:var(--border-radius);cursor:pointer;white-space:nowrap;border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.book-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 10px 30px #1db58466}.book-btn:active{transform:translateY(-1px)scale(1.02)}.features-bar{background-color:var(--black);border-radius:var(--border-radius);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1400px;margin:3rem auto 0;padding:2rem;display:grid}.feature{text-align:center;color:var(--white);flex-direction:column;align-items:center;gap:.5rem;display:flex}.feature-icon{color:var(--mint-green);font-size:1.8rem}.feature p{margin:0;font-weight:600}@media (max-width:768px){.classes-container{padding:1.5rem 1rem}.classes-header h1{font-size:2rem}.day-selector{gap:.5rem}.day-btn{padding:.6rem 1rem;font-size:.85rem}.class-card{flex-direction:column;align-items:flex-start;gap:1rem}.class-left{width:100%}.class-right{justify-content:space-between;width:100%}.book-btn{width:100%}.features-bar{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem}}.profile-container{background:linear-gradient(135deg, #f0f7f4 0%, var(--white) 100%);min-height:100vh;padding:3rem 2rem}.dark-theme .profile-container{background:linear-gradient(135deg,#1db58414 0%,#26d07c0a 100%)}.not-logged-in{text-align:center;background-color:var(--white);border-radius:var(--border-radius);max-width:600px;margin:5rem auto;padding:3rem;box-shadow:0 5px 15px #0000001a}.not-logged-in .icon{margin-bottom:1rem;font-size:4rem}.not-logged-in h2{color:var(--black);margin-bottom:1rem}.not-logged-in p{color:var(--dark-gray);margin-bottom:.5rem}.not-logged-in .tip{color:var(--mint-green);font-weight:600}.profile-header{justify-content:space-between;align-items:center;max-width:1400px;margin-bottom:3rem;margin-left:auto;margin-right:auto;display:flex}.profile-header h1{color:var(--black);margin:0;font-size:2.5rem}.edit-toggle{background-color:var(--mint-green);color:var(--white);border-radius:var(--border-radius);cursor:pointer;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.edit-toggle:hover{background-color:var(--light-mint);transform:translateY(-2px);box-shadow:0 8px 20px #1db5844d}.edit-toggle:active{transform:translateY(0)}.edit-toggle.cancel{background-color:#ff6b6b}.edit-toggle.cancel:hover{background-color:#ff5252}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1400px;margin:0 auto 3rem;display:grid}.profile-card{background-color:var(--white);border-radius:var(--border-radius);border:2px solid var(--light-gray);padding:2rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.8s ease-out backwards slideInUp;box-shadow:0 5px 15px #1db5841a}.profile-card:first-child{animation-delay:.2s}.profile-card:nth-child(2){animation-delay:.4s}.profile-card:nth-child(3){animation-delay:.6s}.profile-card:nth-child(4){animation-delay:.8s}.profile-card:hover{border-color:var(--mint-green);transform:translateY(-5px);box-shadow:0 15px 40px #1db58433}.card-header{border-bottom:2px solid var(--light-gray);margin-bottom:1.5rem;padding-bottom:1rem}.card-header h2{color:var(--mint-green);margin:0;font-size:1.3rem}.avatar{text-align:center;margin-bottom:1.5rem;font-size:3rem}.form-section{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:var(--black);margin-bottom:.5rem;font-family:Montserrat,Inter,system-ui,sans-serif;font-size:.95rem;font-weight:600}.form-group input,.form-group select{border:2px solid var(--light-gray);border-radius:var(--border-radius);padding:.75rem;font-family:inherit;font-size:.95rem;transition:all .3s}.form-group input:focus,.form-group select:focus{border-color:var(--mint-green);outline:none;box-shadow:0 0 0 3px #1db5841a}.form-group input:disabled{background-color:var(--light-gray);cursor:not-allowed}.info-row{border-radius:var(--border-radius);background-color:var(--light-gray);justify-content:space-between;align-items:center;padding:.75rem;display:flex}.info-row .label{color:var(--dark-gray);font-weight:600}.info-row .value{color:var(--mint-green);font-weight:700}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;display:grid}.stat-item{background:linear-gradient(135deg, var(--mint-green) 0%, var(--light-mint) 100%);color:var(--white);border-radius:var(--border-radius);text-align:center;padding:1rem}.stat-value{margin-bottom:.25rem;font-size:1.8rem;font-weight:700}.stat-label{opacity:.9;font-size:.85rem}.save-section{text-align:center;margin-bottom:3rem}.save-btn{background:linear-gradient(135deg, var(--mint-green) 0%, var(--light-mint) 100%);color:var(--white);border-radius:var(--border-radius);cursor:pointer;border:none;padding:1rem 3rem;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 20px #1db5844d}.save-btn:hover{transform:translateY(-4px);box-shadow:0 12px 35px #1db58480}.save-btn:active{transform:translateY(-2px)}.achievements-section{background-color:var(--white);border-radius:var(--border-radius);max-width:1400px;margin:0 auto;padding:2rem;box-shadow:0 5px 15px #00000014}.achievements-section h2{color:var(--black);margin-bottom:2rem;font-size:1.8rem}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.5rem;display:grid}.achievement{background-color:var(--light-gray);border-radius:var(--border-radius);text-align:center;opacity:.5;padding:1.5rem;transition:all .3s}.achievement.unlocked{opacity:1;background:linear-gradient(135deg, var(--mint-green) 0%, var(--light-mint) 100%);color:var(--white);box-shadow:0 8px 20px #1db5844d}.achievement:hover{transform:scale(1.05)}.achievement-icon{margin-bottom:.5rem;font-size:2.5rem}.achievement p{color:var(--black);margin:0;font-size:.9rem;font-weight:600}.achievement.unlocked p{color:var(--white)}@media (max-width:768px){.profile-container{padding:1.5rem 1rem}.profile-header{flex-direction:column;align-items:flex-start;gap:1rem}.profile-header h1{font-size:2rem}.profile-grid{grid-template-columns:1fr}.achievements-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}