.logo-title{display:flex;align-items:center;justify-content:center;gap:16px}.logo-title h1{font-size:42px;letter-spacing:6px;color:#09f;font-weight:700}.logo-title img{height:60px;width:60px}.tagline{text-align:center;color:#bbb;margin-top:8px;font-size:16px}nav.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background-color:#1e1e1e;border-top:1px solid #333;display:flex;justify-content:center;z-index:1000}.nav-content{width:100%;max-width:900px;display:flex;justify-content:space-around;align-items:center;padding:0 20px}.nav-item{text-align:center;color:#fff;font-size:12px;text-decoration:none}.nav-item img{width:26px;display:block;margin:0 auto 4px;filter:brightness(0) invert(1)}@media (max-width: 768px){nav.bottom-nav{height:60px}.nav-item img{width:24px}.nav-item{font-size:12px}}footer{background-color:#111;padding:40px 20px 80px;text-align:center;color:#999;font-size:14px}footer .footer-links{margin-bottom:15px}footer .footer-links a{color:#999;margin:0 12px;text-decoration:none}footer .footer-links a:hover{text-decoration:underline}.social-icons img{width:26px;margin:0 10px;filter:brightness(0) invert(1);transition:transform .2s}.social-icons img:hover{transform:scale(1.2)}@media (max-width: 768px){footer{font-size:13px}}.homepage-description{text-align:center;font-size:18px;margin:20px auto;line-height:1.6;max-width:700px;padding:0 20px;color:#ddd}.homepage-intro-wrapper{padding-left:10px;padding-right:10px}.homepage-intro-hero{background:#0099ff0d;border:1px solid rgba(0,153,255,.15);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:30px 20px;text-align:center;margin:20px auto 30px;border-radius:20px;max-width:900px;box-shadow:0 8px 24px #0099ff1a}.homepage-intro-content h1{font-size:28px;color:#09f;margin-bottom:10px}.homepage-intro-content p{font-size:16px;color:#ddd;line-height:1.7;max-width:700px;margin:0 auto 30px}.homepage-intro-content a{display:inline-block;padding:12px 10px;font-size:16px;font-weight:700;border-radius:10px;background:linear-gradient(45deg,#007aff,#00c6ff);color:#fff;text-decoration:none;transition:background .3s ease}.homepage-intro-content a:hover{background:linear-gradient(45deg,#005bb5,#0af)}.homepage-section-heading{text-align:center;font-size:22px;color:#09f;margin:5px 0 20px}.homepage-calculator-section{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;padding:0 20px;max-width:1000px;margin:0 auto 60px}.homepage-calculator-card{background-color:#1e1e1e;border-radius:16px;padding:30px 20px;text-align:center;box-shadow:0 6px 20px #0006;transition:transform .3s ease;width:280px;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.homepage-calculator-card:nth-child(2){animation-delay:.2s}.homepage-calculator-card:nth-child(3){animation-delay:.4s}.homepage-calculator-card:hover{transform:translateY(-6px);background-color:#292929}.homepage-calculator-card h3{font-size:22px;margin-bottom:16px;color:#09f}.homepage-calculator-card a{display:inline-block;margin-top:16px;padding:10px 18px;background:linear-gradient(45deg,#007aff,#00c6ff);color:#fff;text-decoration:none;border-radius:8px;font-weight:700;font-size:15px}.homepage-calculator-card a:hover{background:linear-gradient(45deg,#005bb5,#0af)}.homepage-calculator-card img{width:50px;margin-bottom:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.homepage-intro-hero{width:90%}.homepage-calculator-section{flex-direction:column;align-items:center}.homepage-calculator-card{width:90%}}#calculators-calculator-chooser{padding:40px 20px 80px}#calculators-calculator-chooser .calculators-calculator-title{text-align:center;font-size:24px;margin-bottom:30px;color:#09f}.calculators-calculator-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;max-width:1100px;margin:0 auto}.calculators-calculator-card{background-color:#1e1e1e;border-radius:16px;padding:30px 20px;text-align:center;box-shadow:0 6px 20px #0000004d;transition:transform .3s ease;width:280px;animation:fadeInUp .5s ease forwards;opacity:0;transform:translateY(20px)}.calculators-calculator-card:hover{transform:translateY(-6px);background-color:#292929}.calculators-calculator-card img{width:50px;margin-bottom:20px;filter:brightness(0) invert(1)}.calculators-calculator-card h3{font-size:20px;color:#09f;margin-bottom:16px}.calculators-calculator-card a{display:inline-block;margin-top:10px;padding:10px 18px;background:linear-gradient(45deg,#007aff,#00c6ff);color:#fff;text-decoration:none;border-radius:8px;font-weight:700;font-size:15px}.calculators-calculator-card a:hover{background:linear-gradient(45deg,#005bb5,#0af)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.calculators-calculator-card{width:100%;max-width:90%}#calculators-calculator-chooser{padding:30px 10px 80px}}.calories-container{max-width:500px;margin:0 auto;text-align:center}.calories-description{background:#1a1a1a;color:#7ecfff;padding:10px 20px;border-radius:12px;margin-top:10px;text-align:center;font-size:16px;line-height:1.5;border:1px solid #2a2a2a;display:inline-block}.calories-description h2{font-weight:700;color:#09f}.calories-description p{margin:10px 0;color:#7ecfff}.calories-image-section{margin:20px 0}.calories-food-image{width:100%;max-width:300px;border-radius:12px}.calories-upload-form{display:flex;flex-direction:column;gap:15px;align-items:center;margin:20px 0}.calories-file-upload{position:relative;background:#222;color:#fff;padding:14px 20px;border-radius:8px;border:2px solid #0099ff;cursor:pointer;width:100%;max-width:300px;text-align:center;font-size:16px;overflow:hidden}.calories-file-upload input[type=file]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;top:0;left:0}.calories-submit-btn{background:linear-gradient(45deg,#007aff,#00c6ff);color:#fff;padding:14px;width:100%;max-width:300px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s}.calories-submit-btn:hover{background:linear-gradient(45deg,#005bb5,#0af)}.calories-Loader{justify-content:center;align-items:center;padding-bottom:10px}.calories-alert{display:flex;align-items:center;gap:10px;background:#ff424226;color:#ff4d4d;border:1px solid #ff4d4d;padding:12px 16px;border-radius:8px;font-weight:500;margin:15px auto;width:fit-content}.calories-results{background:#1a1a1a;padding:20px;border-radius:12px;max-width:700px;margin:30px 10px 20px;border:1px solid #2a2a2a}.calories-results-title{font-size:20px;color:#09f;margin-bottom:20px;text-align:center}.calories-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.calories-result-item{display:flex;align-items:flex-start;background:#101010;padding:12px 16px;border-radius:10px;border:1px solid #2e2e2e;gap:15px}.calories-result-item img{width:36px;height:36px;filter:brightness(0) invert(1)}.calories-result-item p{font-size:14px;color:#7ecfff}.calories-result-item b{font-size:16px;color:#fff}.calories-result-item div{text-align:left}.calories-attempt-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#101010;color:#09f;border-radius:8px;border:1px solid #2a2a2a;font-size:15px;font-weight:500;width:fit-content;margin:20px auto}.calories-attempt-badge img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.calories-upload-form{width:100%}.calories-file-upload,.calories-submit-btn{font-size:14px;padding:12px}.calories-results-grid{grid-template-columns:1fr}.calories-attempt-badge{justify-content:center;font-size:14px}}.bodystats-container{max-width:500px;margin:0 auto;text-align:center;padding-left:10px;padding-right:10px}.bodystats-description{background:#1a1a1a;color:#7ecfff;padding:10px 20px;border-radius:12px;margin-top:10px;text-align:center;font-size:16px;line-height:1.5;border:1px solid #2a2a2a;display:inline-block}.bodystats-description h2{font-weight:700;color:#09f}.bodystats-description p{margin:10px 0;color:#7ecfff}.bodystats-gif{width:100%;max-width:250px;border-radius:12px;margin:20px auto}.bodystats-form{display:flex;flex-direction:column;align-items:center;gap:16px}.bodystats-inputs{display:flex;gap:12px;width:100%;max-width:320px;flex-wrap:wrap;justify-content:center}.bodystats-inputs input{background:#1f1f1f;border:1px solid #2a2a2a;padding:12px;border-radius:8px;color:#fff;font-size:16px;width:140px}.bodystats-upload{position:relative;background:#1f1f1f;color:#fff;padding:14px 20px;border-radius:10px;border:2px dashed #00c6ff;font-size:16px;cursor:pointer;width:100%;max-width:300px;text-align:center}.bodystats-upload input[type=file]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;top:0;left:0}.bodystats-upload-status{font-size:14px;color:#8fe88f;font-weight:500}.bodystats-upload-status-row{display:flex;align-items:center;gap:.5rem}.bodystats-reset-btn{width:30px;height:30px;border:none;border-radius:6px;background:linear-gradient(90deg,#007aff,#0051a7);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .2s}.bodystats-reset-btn:hover{background:linear-gradient(90deg,#0051a7,#007aff)}.bodystats-submit-btn{background:linear-gradient(90deg,#00c6ff,#007aff);color:#fff;padding:14px;width:100%;max-width:300px;border:none;border-radius:10px;font-size:16px;cursor:pointer;transition:background .3s ease}.bodystats-submit-btn:hover{background:linear-gradient(90deg,#007aff,#0af)}.bodystats-alert{display:flex;align-items:center;gap:10px;background:#ff424226;color:#ff4d4d;border:1px solid #ff4d4d;padding:12px 16px;border-radius:8px;font-weight:500;margin:15px auto;width:fit-content}.bodystats-Loader{display:none;justify-content:center;align-items:center;padding-bottom:10px}.bodystats-attempt-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#101010;color:#09f;border-radius:8px;border:1px solid #2a2a2a;font-size:15px;font-weight:500;width:fit-content;margin:20px auto}.bodystats-attempt-badge img{width:20px;height:20px;filter:brightness(0) invert(1)}.bodystats-results{background:#1a1a1a;border:1px solid #2e2e2e;padding:20px;border-radius:14px;margin:30px 10px 20px}.bodystats-results h3{color:#00c6ff;font-size:20px;margin-bottom:20px}.bodystats-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.bodystats-result-item{background:#101010;border:1px solid #2a2a2a;border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px}.bodystats-result-item img{width:36px;height:36px;filter:brightness(0) invert(1)}.bodystats-result-item p{font-size:14px;color:#7ecfff}.bodystats-result-item b{font-size:16px;color:#fff}.bodystats-result-item div{text-align:left}@media (max-width: 768px){.bodystats-results-grid{grid-template-columns:1fr}.bodystats-inputs input{width:100%}.bodystats-submit-btn,.bodystats-upload{font-size:15px}}.bmi-container{max-width:600px;margin:0 auto;padding-left:10px;padding-right:10px}.bmi-description{background:#1a1a1a;color:#7ecfff;padding:10px 20px;border-radius:12px;margin-top:10px;text-align:center;font-size:16px;line-height:1.5;border:1px solid #2a2a2a;margin-bottom:30px}.bmi-description h2{font-weight:700;color:#09f}.bmi-description p{margin:10px 0;color:#7ecfff}.bmi-gender{display:flex;justify-content:center;gap:20px;margin-bottom:25px}.bmi-gender img{width:50px;height:50px;filter:brightness(0) invert(1)}.bmi-gender-btn{background:#1e1e1e;border:2px solid #0099ff;color:#09f;padding:15px;border-radius:15px;width:200px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:.3s ease}.bmi-gender-btn:hover,.bmi-gender-btn.selected{background:linear-gradient(45deg,#005bb5,#0af);color:#fff}.bmi-inputs{display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.bmi-inputs input{background:#1f1f1f;border:1px solid #2a2a2a;padding:12px;border-radius:8px;color:#fff;font-size:16px;width:100%}.bmi-activity{margin-bottom:25px}.bmi-label{margin-bottom:10px;color:#09f;font-weight:700;text-align:center}.bmi-activity-options{display:flex;justify-content:space-between;gap:10px}.bmi-activity-btn{flex:1;padding:10px;border-radius:12px;background:linear-gradient(45deg,#007aff,#00c6ff);color:#fff;border:none;cursor:pointer;transition:.3s ease}.bmi-activity-btn:hover,.bmi-activity-btn.selected{background:linear-gradient(45deg,#002952,#006191)}.bmi-submit-btn{width:100%;padding:14px;font-size:1rem;font-weight:700;background:linear-gradient(45deg,#007aff,#00c6ff);border:none;border-radius:15px;color:#fff;margin-bottom:35px;cursor:pointer;transition:.3s ease}.bmi-submit-btn:hover{background:linear-gradient(45deg,#005bb5,#0af)}.bmi-alert{display:flex;align-items:center;gap:10px;background:#ff424226;color:#ff4d4d;border:1px solid #ff4d4d;padding:12px 16px;border-radius:8px;font-weight:500;margin:15px auto;width:fit-content}.bmi-results{background:#1a1a1a;padding:20px;border-radius:20px;margin-bottom:20px}.bmi-subheading{color:#09f;text-align:center;margin-bottom:15px}.bmi-result-bar{background:#333;height:20px;border-radius:10px;position:relative;margin-bottom:10px;overflow:hidden}.bmi-indicator{background:#00c6ff;height:100%;width:30%;transition:width .3s ease}.bmi-description-text{text-align:center;margin-bottom:25px;color:#ccc}.bmi-results{background:#1a1a1a;padding:20px;border-radius:14px;color:#fff}.bmi-subheading{text-align:center;font-size:24px;margin-bottom:20px}.bmi-bar-wrapper{position:relative;height:40px}.bmi-bar{display:flex;height:30px;border-radius:20px;overflow:hidden;background-color:#333}.bmi-bar-section{flex:1;margin:0;padding:0}.bmi-red{background-color:#ff4d4d}.bmi-yellow{background-color:#fc0}.bmi-green{background-color:#6c6}.bmi-indicator{position:absolute;top:-19px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;background:transparent;border:none}.bmi-arrow-img{width:24px;height:24px;background:transparent;border:none;padding:0;display:block;filter:brightness(0) invert(1)}.bmi-indicator-line{margin-top:-13px;height:40px;color:#fff;position:relative;z-index:2;pointer-events:none;filter:brightness(0) invert(1)}.bmi-calories-title{text-align:center;color:#09f;margin:15px 0}.bmi-calories-results-grid{display:flex;flex-direction:column;gap:15px}.bmi-calories-result-item{display:flex;align-items:center;background:#2a2a2a;border-radius:12px;padding:10px 15px;gap:15px}.bmi-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;filter:brightness(0) invert(1)}.bmi-calories-result-item p{font-weight:700;color:#09f;margin:0}.donate-container{max-width:900px;margin:auto;padding:40px 20px;color:#7ecfff;font-family:Segoe UI,sans-serif;text-align:center}.donate-header{border-radius:16px;padding:30px 20px;margin-bottom:40px;box-shadow:0 0 10px #0345}.donate-header h1{color:#09f;font-size:28px;margin-bottom:10px}.donate-header p{color:#7ecfff;font-size:16px}.donate-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.donate-card{background:#121212;border:1px solid #2e2e2e;border-radius:14px;padding:20px;transition:.3s ease;box-shadow:0 0 10px #0099ff1a}.donate-card:hover{transform:translateY(-5px);box-shadow:0 0 20px #00ccff4d}.donate-card h3{color:#09f;font-size:20px;margin-bottom:10px}.donate-card p{color:#7ecfff;font-size:15px;margin-bottom:12px}.donate-card span{color:#8fe88f;font-size:18px;font-weight:700}.donate-action{background:#101010;padding:30px 20px;border-radius:16px;border:1px solid #2a2a2a;box-shadow:inset 0 0 15px #002b3d66}.donate-action h2{color:#09f;margin-bottom:10px}.donate-action p{color:#7ecfff;margin-bottom:20px}.donate-btn{background:linear-gradient(45deg,#00c6ff,#007aff);color:#fff;padding:14px 28px;font-size:16px;border:none;border-radius:12px;cursor:pointer;transition:.3s ease}.donate-btn:hover{background:linear-gradient(45deg,#007aff,#0af)}.donate-action small{display:block;margin-top:10px;color:#999;font-size:13px}@media (max-width: 768px){.donate-header h1{font-size:22px}.donate-cards{gap:16px}}.about-hero{padding:20px;color:#ddd}.about-content{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.about-image img{width:180px;height:180px;border-radius:50%;object-fit:cover;box-shadow:0 0 30px #0099ff4d;margin-bottom:30px}.about-intro h1{font-size:38px;margin-bottom:20px;color:#fff}.about-intro h1 span{color:#09f}.about-intro p{font-size:17px;line-height:1.8;max-width:700px;margin:0 auto 30px;color:#ccc}.about-socials{display:flex;justify-content:center;gap:18px}.about-socials img{width:50px;filter:brightness(0) invert(1);transition:transform .3s ease,box-shadow .3s ease;border-radius:8px}.about-socials img:hover{transform:scale(1.2);box-shadow:0 0 10px #00c6ff}.about-story{background:#1e1e1e;padding:50px 20px}.about-story-text{max-width:900px;margin:0 auto;text-align:center}.about-story-text h2{font-size:28px;color:#00c6ff;margin-bottom:20px}.about-story-text p{font-size:16px;line-height:1.7;color:#e3e1e1;padding:0 10px}@media (max-width: 768px){.about-content{flex-direction:column;text-align:center;padding:0}.about-image{margin-bottom:30px;padding:0}.about-intro{padding:0}.about-intro h1{font-size:28px}.about-intro p{font-size:15px;padding:0 10px}.about-socials{gap:14px}.about-story-text h2{font-size:22px}.about-story-text p{font-size:15px}}.privacy-container{max-width:800px;margin:0 auto;padding:40px 20px;line-height:1.7}.privacy-heading{font-size:28px;color:#09f;text-align:center;margin-bottom:10px}.privacy-date{text-align:center;font-size:14px;color:#888;margin-bottom:30px}.privacy-section{background-color:#1f1f1f;border:1px solid #2a2a2a;border-radius:12px;padding:20px 25px;margin-bottom:30px}.privacy-section h2{font-size:20px;color:#00c6ff;margin-bottom:8px;font-weight:600}.privacy-section ul{padding-left:20px;margin-top:10px}.privacy-section ul li{margin-bottom:8px}.privacy-section a{color:#0af;text-decoration:underline}@media (max-width: 768px){.privacy-container{padding:20px 15px}}.terms-container{max-width:800px;margin:0 auto;padding:40px 20px;line-height:1.7}.terms-heading{font-size:28px;color:#09f;text-align:center;margin-bottom:10px}.terms-date{text-align:center;font-size:14px;color:#888;margin-bottom:30px}.terms-section{background-color:#1f1f1f;border:1px solid #2a2a2a;border-radius:12px;padding:20px 25px;margin-bottom:30px}.terms-section h2{font-size:20px;color:#00c6ff;margin-bottom:8px;font-weight:600}.terms-section ul{padding-left:20px;margin-top:10px}.terms-section ul li{margin-bottom:8px}.terms-section a{color:#0af;text-decoration:underline}@media (max-width: 768px){.terms-container{padding:20px 15px}}.login-box{max-width:400px;margin:60px auto;padding:30px;background:#1f1f1f;border-radius:12px;box-shadow:0 0 12px #0009}.login-title{text-align:center;color:#09f;margin-bottom:25px;font-size:24px}.login-error{background:#ff323226;border:1px solid rgba(255,50,50,.4);color:#ff6b6b;padding:12px 35px 12px 12px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center;position:relative;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-error-close{position:absolute;right:12px;top:45%;transform:translateY(-50%);cursor:pointer;font-size:24px;line-height:1;color:#ff6b6b;transition:color .3s ease;font-weight:700}.login-error-close:hover{color:#f44}.login-form{display:flex;flex-direction:column}.login-form input[type=text],.login-form input[type=email],.login-form input[type=password]{background:#2c2c2c;color:#fff;border:none;border-radius:8px;padding:12px;margin-bottom:15px;font-size:14px;transition:background .3s ease}.login-form input[type=text]:focus,.login-form input[type=email]:focus,.login-form input[type=password]:focus{background:#333;outline:2px solid #0099ff}.login-form input:disabled{opacity:.6;cursor:not-allowed}.login-password-wrapper{position:relative}.login-password-wrapper input[type=password],.login-password-wrapper input[type=text]{width:100%;background:#2c2c2c;color:#fff;border:none;border-radius:8px;padding:12px;font-size:14px;margin-bottom:15px}.login-password-toggle{position:absolute;right:12px;top:35%;transform:translateY(-50%);width:24px;height:24px;cursor:pointer;filter:brightness(0) invert(1);transition:filter .3s ease;opacity:.7}.login-password-toggle:hover{opacity:1}.login-button{padding:12px;border:none;border-radius:25px;background:linear-gradient(45deg,#007aff,#00c6ff);color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:16px}.login-button:hover:not(:disabled){background:linear-gradient(45deg,#005bb5,#0af);transform:translateY(-1px);box-shadow:0 4px 8px #0099ff4d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-extra{text-align:right;margin-top:-10px;margin-bottom:15px;font-size:13px}.login-extra a{color:#09f;transition:color .3s ease}.login-extra a:hover{color:#00c6ff;text-decoration:underline}.login-switch-text{text-align:center;margin-top:20px;color:#aaa;font-size:14px}.login-switch-text span{color:#09f;cursor:pointer;font-weight:500;transition:color .3s ease}.login-switch-text span:hover{color:#00c6ff;text-decoration:underline}.login-checkbox-wrapper{display:flex;align-items:flex-start;margin-bottom:15px}.login-checkbox-wrapper input[type=checkbox]{margin-right:8px;margin-top:2px;accent-color:#0099ff;width:16px;height:16px;cursor:pointer}.login-checkbox-wrapper input[type=checkbox]:disabled{cursor:not-allowed}.login-checkbox-wrapper label{display:flex;align-items:flex-start;font-size:14px;color:#ccc;cursor:pointer}.login-checkbox-wrapper p{margin:0}.login-checkbox-wrapper a{color:#09f;transition:color .3s ease}.login-checkbox-wrapper a:hover{color:#00c6ff;text-decoration:underline}@media (max-width: 768px){.login-box{max-width:350px;margin:20px auto;padding:20px}.login-title{font-size:20px}}.profile-container{max-width:600px;margin:50px auto;padding:30px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.profile-container h1{margin-bottom:30px;color:#333}.profile-info{margin-bottom:30px}.profile-field{margin-bottom:20px;padding:15px;background:#f5f5f5;border-radius:5px}.profile-field label{font-weight:700;color:#666;display:block;margin-bottom:5px}.profile-field p{font-size:16px;color:#333;margin:0}.logout-button{width:100%;padding:12px;background:#dc3545;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background .3s}.logout-button:hover{background:#c82333}.profile-loading,.profile-error{text-align:center;padding:50px;font-size:18px}.profile-error{color:#dc3545}.login-loading{text-align:center;padding:50px;font-size:18px;color:#666}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{font-family:Segoe UI,sans-serif;background:linear-gradient(160deg,#121212,#1a1a1a);color:#fff;padding-bottom:25px;overflow-x:hidden}header{padding:40px 20px 10px;text-align:center}a{text-decoration:none}.error-container{max-width:600px;margin:30px auto;text-align:center;padding:30px 10px;border-radius:16px;background:#1a1a1a;box-shadow:0 0 15px #00c3ff1a}.error-header{margin-bottom:20px}.error-title{font-size:28px;font-weight:700;color:#00c3ff}.error-subtitle{margin-top:10px;color:#7ecfff;font-size:16px}.error-visual{margin:30px 0}.error-crane-placeholder{background:#121212;padding:30px;border-radius:12px;border:1px dashed #00c3ff}.error-crane-img{width:100px;max-width:80%;opacity:.9}.error-actions{margin-top:30px}.error-message{font-size:22px;color:#fff;margin-bottom:10px}.error-note{font-size:15px;color:#7ecfff;margin-bottom:25px}.error-btn{background:linear-gradient(45deg,#007aff,#00c6ff);color:#fff;padding:14px 30px;font-size:16px;border:none;border-radius:10px;cursor:pointer;transition:background .3s ease;display:inline-block}.error-btn:hover{background:linear-gradient(45deg,#005bb5,#0af)}@media (max-width: 768px){.error-container{padding:20px 15px}}