@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box}html,body{height:100%;font-family:Outfit,sans-serif;scroll-behavior:smooth}body{min-height:100vh;background:url(./background.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;line-height:1.6;color:#333;padding-top:90px;overflow-x:hidden}@media(min-width:901px){body{padding-top:0}}a{text-decoration:none;color:inherit;transition:color .3s ease}a:hover{color:#1a5d1a}.app{width:90%;max-width:1400px;margin:0 auto;padding:20px 0;min-height:calc(100vh - 90px)}@media(max-width:900px){.app{background:transparent;border-radius:16px;margin-top:20px;padding:20px;box-shadow:0 10px 30px #0000001a}}*::selection{background:#1a5d1a;color:#fff}button,input,textarea{font-family:inherit}*:focus-visible{outline:3px solid #1a5d1a44;outline-offset:2px}.navbar{padding:16px 5vw;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(to bottom,#f8fff8,#9bb89b);box-shadow:0 2px 15px #00000014;transition:transform .4s ease;min-height:76px}.navbar-hidden{transform:translateY(-100%)}.navbar .logo{width:68px;height:68px;border-radius:50%;object-fit:cover;border:4px solid #1a5d1a;box-shadow:0 6px 20px #1a5d1a33}.navbar .logo:hover{transform:scale(1.18)}.navbar-left{display:flex;align-items:center;gap:16px}.mobile-page-title{font-size:15px;font-weight:700;color:#1a5d1a;display:none;white-space:nowrap}.navbar-menu-desktop{display:flex;gap:30px;list-style:none;margin:0;padding:0;font-size:18px;font-weight:500}.navbar-menu-desktop li{cursor:pointer;padding:10px 20px;border-radius:50px;transition:.3s}.navbar-menu-desktop li:hover{background:#f0f8f0;color:#1a5d1a}.navbar-menu-desktop .active{background:#1a5d1a;color:#fff;font-weight:600}.navbar-right{display:flex;align-items:center;gap:18px}.navbar-cart-icon{position:relative;display:flex;align-items:center;justify-content:center}.icons{width:26px;height:26px;cursor:pointer;transition:transform .3s}.icons:hover{transform:scale(1.25)}.dot{position:absolute;top:-6px;right:-6px;min-width:10px;min-height:10px;background:#ff4757;border-radius:50%;border:2px solid #fff}.profile-section{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px;border-radius:20px;transition:background .3s}.profile-section:hover{background:#1a5d1a1a}.profile-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1a5d1a,#2a7a2a);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.profile-name{font-weight:500;color:#1a5d1a;font-size:.9rem}.signin-btn{background:transparent;color:#1a5d1a;border:2px solid #1a5d1a;padding:8px 20px;border-radius:50px;font-weight:600;cursor:pointer;transition:.3s}.signin-btn:hover{background:#1a5d1a;color:#fff}.hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;width:42px;height:42px;justify-content:center}.hamburger span{width:26px;height:3px;background:#1a5d1a;border-radius:3px;transition:.3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.navbar-search{display:flex;align-items:center;gap:8px}.navbar-search-input{padding:6px 10px;border-radius:999px;border:1px solid #ccc;font-size:.9rem;min-width:180px}@media(max-width:900px){.navbar{padding:12px 5vw;min-height:76px}.navbar-menu-desktop,.desktop-only{display:none!important}.mobile-page-title{display:block;font-size:21px}.navbar-right>*{width:42px;height:42px;display:flex;align-items:center;justify-content:center}.icons{width:24px;height:24px}.signin-btn{border:none!important;padding:0!important;width:42px!important;height:42px!important;background:transparent;position:relative}.signin-btn:before{content:"";background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%231a5d1a" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>') center/contain no-repeat;width:24px;height:24px;display:block}.profile-section{width:42px!important;height:42px!important;border-radius:50%;background:transparent;padding:0!important;gap:0!important}.profile-avatar{width:36px!important;height:36px!important}.profile-name{display:none!important}}@media(min-width:901px){.hamburger,.mobile-menu,.mobile-menu-overlay,.mobile-page-title{display:none!important}}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:998}.mobile-menu-overlay.open{display:block}.mobile-menu{position:fixed;top:0;right:0;width:280px;height:100vh;background:linear-gradient(to bottom,#f8fff8,#9bb89b);padding:120px 30px 40px;display:flex;flex-direction:column;gap:30px;font-size:20px;font-weight:500;box-shadow:-5px 0 20px #00000026;transform:translate(100%);transition:transform .4s ease;z-index:999}.mobile-menu.open{transform:translate(0)}.mobile-menu li{list-style:none;padding:14px 24px;border-radius:50px;cursor:pointer;transition:.3s}.mobile-menu li:hover{background:#f0f8f0;padding-left:32px}.mobile-menu .active{background:#1a5d1a;color:#bcb4b4;padding-left:32px}body{padding-top:90px}.mobile-menu-close{position:absolute;top:18px;right:18px;width:32px;height:32px;border-radius:50%;border:none;background:#1a5d1a;color:#fff;font-size:22px;line-height:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #00000040}.mobile-menu-close:active{transform:scale(.96)}.site-footer{background:linear-gradient(to bottom,gray,#4e4d4d);color:#f0fff0;padding:4px 2px;font-family:Segoe UI,sans-serif;font-size:1rem;box-shadow:0 -5px 15px #0000001a;width:100%;box-sizing:border-box;border-radius:24px}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:nowrap}.footer-logo{flex:0 0 25%;display:flex;justify-content:flex-start;height:auto;width:30%}.footer-logo img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #1a5d1a;box-shadow:0 6px 20px #1a5d1a33}.footer-links{flex:1 1 50%;text-align:center}.footer-links h4{margin-bottom:15px;font-weight:700;font-size:1.2rem;color:#c8f0c8}.footer-links ul{list-style:none;padding:0;margin:0;display:inline-flex;gap:20px;flex-wrap:wrap}.footer-links ul li{margin-bottom:0}.footer-links ul li a{color:#d7f0d7;text-decoration:none;transition:color .3s ease}.footer-links ul li a:hover{color:#fff}.footer-contact{flex:0 0 25%;text-align:right}.footer-contact h4{margin-bottom:15px;font-weight:700;font-size:1.2rem;color:#c8f0c8}.footer-contact p{margin:6px 0;line-height:1.5}.footer-bottom{max-width:1200px;margin:8px auto 0;font-size:.9rem;color:#a0cfa0;text-align:center}@media(max-width:768px){.footer-container{flex-direction:column;align-items:center;gap:24px}.footer-logo,.footer-contact{flex:0 0 auto;justify-content:center;text-align:center}.footer-links ul{display:flex;flex-direction:column;gap:10px}.footer-contact{text-align:center}}.home-page{position:relative;min-height:100vh;background:linear-gradient(135deg,#f8fff8 0%,transparent);display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;box-sizing:border-box;border-radius:20px}.circular-gallery{position:absolute;top:50%;left:50%;width:960px;height:960px;max-width:96vw;max-height:96vw;transform:translate(-50%,-50%);pointer-events:none;z-index:1;transition:transform .1s linear}.gallery-circle{position:absolute;top:50%;left:50%;border-radius:50%;overflow:hidden;border:8px solid rgba(255,255,255,.95);box-shadow:0 30px 80px #1a5d1a47;animation:float 11s ease-in-out infinite;animation-delay:var(--delay, 0s)}.gallery-circle{transform:translate(-50%,-50%) rotate(var(--rotation-offset, 0deg)) translate(430px) rotate(calc(-1 * var(--rotation-offset, 0deg)))}.gallery-circle.small{width:110px;height:110px}.gallery-circle.medium{width:170px;height:170px}.gallery-circle.large{width:240px;height:240px}.circle-img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .7s ease}.hero-content{position:relative;z-index:10;text-align:center;max-width:90%;width:100%;padding:30px 20px;margin:0 auto;min-height:400px;display:flex;flex-direction:column;justify-content:center;animation:fadeInUp 1.6s ease-out .4s both}.hero-content h1{font-size:clamp(2.4rem,8vw,6rem)!important;font-weight:900;color:#1a5d1a;margin-bottom:16px;line-height:1.1;background:linear-gradient(135deg,#1a5d1a,#2e8b2e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{font-size:clamp(1.1rem,4.5vw,1.9rem)!important;color:#2d6a2d;margin-bottom:36px;line-height:1.6;font-weight:500;max-width:700px;margin-left:auto;margin-right:auto}.cta-button{background:linear-gradient(135deg,#1a5d1a,#716f6f);color:#fff;border:none;padding:18px 48px;border-radius:60px;font-size:1.4rem;font-weight:800;cursor:pointer;box-shadow:0 15px 40px #1a5d1a66;transition:all .4s ease;text-transform:uppercase;letter-spacing:2px;align-self:center}.cta-button:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 25px 60px #1a5d1a80}@media(max-width:768px){.circular-gallery{width:680px;height:680px}.gallery-circle{transform:translate(-50%,-50%) rotate(var(--rotation-offset)) translate(310px) rotate(calc(-1 * var(--rotation-offset)))}.gallery-circle.small{width:70px;height:70px}.gallery-circle.medium{width:110px;height:110px}.gallery-circle.large{width:150px;height:150px}.hero-content{padding:30px 15px;min-height:380px}}@media(max-width:480px){.home-page{padding:15px}.circular-gallery{width:540px;height:540px}.gallery-circle{transform:translate(-50%,-50%) rotate(var(--rotation-offset)) translate(240px) rotate(calc(-1 * var(--rotation-offset)))}.gallery-circle.small{width:60px;height:60px}.gallery-circle.medium{width:90px;height:90px}.gallery-circle.large{width:125px;height:125px}.hero-content{padding:25px 10px;min-height:340px}.hero-content h1{font-size:2.6rem!important;margin-bottom:12px}.hero-content p{font-size:1.15rem!important;margin-bottom:30px}.cta-button{padding:16px 40px;font-size:1.25rem}}@media(max-width:360px){.circular-gallery{width:460px;height:460px}.gallery-circle{transform:translate(-50%,-50%) rotate(var(--rotation-offset)) translate(200px) rotate(calc(-1 * var(--rotation-offset)))}.hero-content h1{font-size:2.3rem!important}}.cart-page{max-width:900px;margin:40px auto;padding:0 16px 40px;font-family:Segoe UI,sans-serif}.cart-title{font-size:1.8rem;margin-bottom:24px;color:#1a5d1a}.cart-empty{max-width:700px;margin:0 auto 24px;background:linear-gradient(to bottom,#9bb89b,#90ee90);padding:50px 30px;border-radius:32px;box-shadow:0 15px 40px #1a5d1a1f;font-family:Segoe UI,sans-serif;font-size:2.5rem;color:#212020;line-height:1.7}.cart-list{display:flex;flex-direction:column;gap:16px}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:12px;background:#f9f9f9;box-shadow:0 2px 6px #0000000f}.cart-item-left{display:flex;align-items:center;gap:12px}.cart-item-img{width:64px;height:64px;border-radius:12px;object-fit:cover}.cart-item-name{margin:0 0 4px;font-size:1rem}.cart-item-price{margin:0;font-size:.9rem;color:#666}.cart-item-right{display:flex;align-items:center;gap:16px}.cart-qty-controls{display:flex;align-items:center;border-radius:100px;border:1px solid #ddd;overflow:hidden}.cart-qty-btn{border:none;background:#1a5d1a;color:#fff;padding:4px 10px;font-size:1rem;cursor:pointer}.cart-qty-display{padding:4px 10px;min-width:28px;text-align:center;font-size:.95rem}.cart-item-total{min-width:70px;text-align:right;font-weight:600;color:#1a5d1a}.cart-summary{margin-top:24px;padding:16px;border-radius:12px;background:#fff;box-shadow:0 2px 6px #0000000f}.cart-summary-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.95rem}.cart-summary-total{font-weight:700;font-size:1.05rem;margin-top:8px;border-top:1px solid #eee;padding-top:8px}.cart-summary-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.cart-clear-btn,.cart-checkout-btn{border:none;padding:8px 16px;border-radius:999px;font-size:.9rem;cursor:pointer}.cart-clear-btn{background:#eee;color:#444}.cart-checkout-btn{background:#1a5d1a;color:#fff}@media(max-width:600px){.cart-item{flex-direction:column;align-items:flex-start;gap:8px}.cart-item-right{width:100%;justify-content:space-between}.cart-summary-actions{flex-direction:column;align-items:stretch}.cart-empty{font-size:1.2rem}}.products-page{padding:120px 5vw 80px;border-radius:20px;background:linear-gradient(to bottom,#f8fff8,transparent)}.page-title{text-align:center;font-size:3rem;color:#1a5d1a;margin-bottom:50px;font-weight:800}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;max-width:1400px;margin:0 auto}.product-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:all .4s ease}.product-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px #1a5d1a2e}.image-container{position:relative;height:280px;overflow:hidden}.product-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-img{transform:scale(1.08)}.product-name-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:30px 20px 16px;text-align:center;font-size:1.4rem;font-weight:700;margin:0}.product-footer{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff}.price{font-size:1.6rem;font-weight:700;color:#1a5d1a}.price small{font-weight:400;color:#666;font-size:.9rem}.add-to-cart-btn{background:#1a5d1a;color:#fff;border:none;padding:12px 24px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s}.add-to-cart-btn:hover{background:#146b14;transform:scale(1.05)}.quantity-selector{display:flex;align-items:center;background:#f0f8f0;padding:8px 16px;border-radius:50px;border:2px solid #1a5d1a;gap:16px}.qty-btn{width:36px;height:36px;background:#fff;border:2px solid #1a5d1a;color:#1a5d1a;border-radius:50%;font-weight:700;cursor:pointer}.qty-btn:hover{background:#1a5d1a;color:#fff}.qty-display{font-size:1.3rem;font-weight:700;color:#1a5d1a;min-width:30px;text-align:center}.notify-btn{background:#eee;color:#999;border:none;padding:12px 24px;border-radius:50px;cursor:pointer;font-weight:600}.floating-cart{position:fixed;bottom:20px;right:20px;background:#fff;padding:18px;border-radius:16px;box-shadow:0 10px 30px #0003;border:2px solid #1a5d1a;z-index:1000;min-width:260px}.floating-cart h4{color:#1a5d1a;margin-bottom:10px}@media(max-width:768px){.products-grid{grid-template-columns:1fr}.product-footer{padding:16px}.page-title{font-size:2.4rem}}.end-of-products{padding:100px 20px 120px;text-align:center;opacity:0;transform:translateY(30px);transition:all .8s ease}.end-of-products.visible{opacity:1;transform:translateY(0)}.message-box{max-width:700px;margin:0 auto;background:linear-gradient(to bottom,#f8fff8,#9bb89b);padding:50px 30px;border-radius:32px;box-shadow:0 15px 40px #1a5d1a1f;border:3px solid #e8f5e8}.message-box h3{font-size:2.2rem;color:#1a5d1a;margin-bottom:16px;font-weight:800}.message-box p{font-size:1.2rem;color:#555;line-height:1.7;margin-bottom:24px}.decorative-line{width:120px;height:5px;background:linear-gradient(90deg,#1a5d1a,#4caf50);border-radius:50px;margin:0 auto}@media(max-width:768px){.message-box{padding:40px 20px;border-radius:24px}.message-box h3{font-size:1.8rem}.message-box p{font-size:1.1rem}}.interest-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1200}.interest-modal{background:#fff;border-radius:16px;padding:24px 20px 20px;max-width:360px;width:90%;box-shadow:0 10px 30px #0003;position:relative;font-family:Segoe UI,sans-serif}.interest-close{position:absolute;top:10px;right:10px;border:none;background:transparent;font-size:22px;cursor:pointer}.interest-modal h3{margin:0;font-size:1rem;color:#444}.interest-modal h2{margin:4px 0 8px;font-size:1.3rem;color:#1a5d1a}.interest-subtitle{font-size:.9rem;color:#666;margin-bottom:14px}.interest-form{display:flex;flex-direction:column;gap:10px}.interest-form label{font-size:.85rem;color:#333;display:flex;flex-direction:column;gap:4px}.interest-form input{padding:8px 10px;border-radius:8px;border:1px solid #ccc;font-size:.9rem}.interest-submit{margin-top:8px;width:100%;padding:10px 0;border-radius:999px;border:none;background:#1a5d1a;color:#fff;font-weight:600;cursor:pointer;font-size:.95rem}.interest-submit:hover{background:#154814}.no-results{max-width:700px;margin:0 auto 24px;background:linear-gradient(to bottom,#9bb89b,tran);padding:50px 30px;border-radius:32px;box-shadow:0 15px 40px #1a5d1a1f;border:3px solid #bad5ba;font-size:1.5rem;color:#555;line-height:1.7;font-family:Segoe UI,sans-serif}@media(max-width:768px){.no-results{padding:40px 20px;border-radius:24px;font-size:1.1rem}}.subdetails-page{min-height:100vh;background:linear-gradient(to bottom,#f8fff8,transparent);padding:40px 15px;font-family:Segoe UI,sans-serif;border-radius:24px}.subdetails-hero{text-align:center;padding:60px 20px 40px;max-width:900px;margin:0 auto}.subdetails-hero h1{font-size:clamp(2.6rem,8vw,4.8rem);font-weight:900;color:#1a5d1a;margin-bottom:16px}.subdetails-hero p{font-size:clamp(1.1rem,4vw,1.7rem);color:#2d6a2d;font-weight:500}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;max-width:1200px;margin:50px auto;padding:0 15px}.feature-card{background:linear-gradient(to bottom,#f8fff8,transparent);padding:40px 28px;border-radius:36px;text-align:center;box-shadow:0 15px 40px #1a5d1a1f;border:4px solid #e8f5e8;transition:all .4s ease;position:relative;z-index:1}.feature-card:hover{transform:translateY(-12px);box-shadow:0 25px 60px #1a5d1a38}.feature-icon{width:96px;height:96px;margin:0 auto 24px;padding:16px;background:#fff;border-radius:50%;border:5px solid #e8f5e8;box-shadow:0 12px 35px #1a5d1a2e;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.icon-img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}.feature-card:hover .feature-icon{background:#f0fff0;border-color:#1a5d1a;transform:translateY(-6px)}.feature-card:hover .icon-img{transform:scale(1.15)}.feature-card h3{font-size:1.35rem;color:#1a5d1a;margin-bottom:14px;font-weight:700}.feature-card p{color:#2d6a2d;line-height:1.7;font-size:1.05rem}.bottom-cta{background:linear-gradient(to bottom,transparent,#9bb89b);padding:40px 28px;border-radius:36px;text-align:center;border:4px solid #e8f5e8;transition:all .4s ease;position:relative;z-index:1}.bottom-cta h2{font-size:clamp(2.2rem,7vw,3.6rem);color:#1a5d1a;margin-bottom:16px;font-weight:900}.bottom-cta .price{font-size:1.6rem;color:#2d6a2d;margin-bottom:32px;font-weight:600}.big-cta-btn{background:linear-gradient(135deg,#1a5d1a,#2e8b2e);color:#fff;border:none;padding:20px 56px;border-radius:70px;font-size:1.65rem;font-weight:900;cursor:pointer;box-shadow:0 20px 50px #1a5d1a73;transition:all .5s ease;text-transform:uppercase;letter-spacing:2.5px;display:block;margin:0 auto;width:fit-content;min-width:280px}.big-cta-btn:hover,.big-cta-btn:active{transform:translateY(-10px) scale(1.06);box-shadow:0 35px 80px #1a5d1a8c}@media(max-width:480px){.features-grid{gap:28px;padding:0 10px}.feature-card{padding:36px 20px}.feature-icon{width:76px;height:76px;padding:12px}.bottom-cta{padding:50px 20px;margin:40px 10px 10px}.big-cta-btn{width:100%;max-width:320px;min-width:0;padding:18px 10px;font-size:1.2rem;letter-spacing:1px}}@media(max-width:360px){.big-cta-btn{padding:16px 10px;font-size:1.1rem}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fff8 0%,transparent);padding:20px;font-family:Segoe UI,sans-serif;border-radius:24px}.auth-container{width:100%;max-width:420px}.auth-card{background:linear-gradient(135deg,#f8fff8,#90ee90);padding:40px;border-radius:24px;box-shadow:0 25px 50px #0000001a;text-align:center}.auth-header h1{color:#1a5d1a;margin-bottom:8px;font-size:2rem}.auth-header p{color:#666;margin-bottom:30px;font-size:1rem}.auth-tabs{display:flex;background:#f0f8f0;border-radius:12px;overflow:hidden;margin-bottom:24px}.tab-btn{flex:1;padding:12px 8px;border:none;background:transparent;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;color:#666}.tab-btn.active{background:#1a5d1a;color:#fff}.auth-form{display:flex;flex-direction:column;gap:18px}.form-group{text-align:left}.form-group label{display:block;margin-bottom:6px;color:#333;font-weight:500;font-size:.9rem}.form-group input{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:border-color .3s,box-shadow .3s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#1a5d1a;box-shadow:0 0 0 3px #1a5d1a1a}.auth-submit-btn{background:linear-gradient(135deg,#1a5d1a,#2a7a2a);color:#fff;border:none;padding:16px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px #1a5d1a66}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#e74c3c;font-size:.9rem;margin:0;text-align:center;background:#fee;padding:10px;border-radius:8px;border-left:4px solid #e74c3c}.demo-info{margin-top:24px;padding-top:20px;border-top:1px solid #eee}.demo-info p{margin:4px 0;font-size:.85rem;color:#888}@media(max-width:480px){.auth-card{padding:30px 20px;margin:10px}.auth-header h1{font-size:1.6rem}}.profile-page{min-height:100vh;background:linear-gradient(to bottom,#f8fff8,transparent);padding:40px 20px;display:flex;align-items:center;justify-content:center;border-radius:24px}.profile-container{width:100%;max-width:500px;background:#fff;border-radius:24px;box-shadow:0 25px 50px #0000001a;overflow:hidden}.profile-header{background:linear-gradient(135deg,#1a5d1a,#2a7a2a);color:#fff;padding:40px 30px;text-align:center;position:relative}.profile-avatar-large{width:80px;height:80px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 20px;border:4px solid rgba(255,255,255,.3)}.profile-info h1{margin:0 0 8px;font-size:1.8rem}.profile-email{margin:0;opacity:.9;font-size:1rem}.profile-section{padding:30px}.profile-section h3{color:#1a5d1a;margin-bottom:20px;font-size:1.3rem}.profile-details{background:#f8f9fa;border-radius:16px;padding:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e9ecef}.detail-row:last-child{border-bottom:none}.detail-label{color:#666;font-weight:500}.detail-value{color:#1a5d1a;font-weight:600}.profile-actions{padding:0 30px 30px;display:flex;gap:12px;flex-direction:column}.profile-edit-btn,.profile-logout-btn{padding:14px 20px;border-radius:12px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.profile-edit-btn{background:#1a5d1a;color:#fff}.profile-edit-btn:hover{background:#154814;transform:translateY(-1px)}.profile-logout-btn{background:#f8f9fa;color:#dc3545;border:2px solid #f0f0f0}.profile-logout-btn:hover{background:#e9ecef;border-color:#dc3545;color:#dc3545}@media(max-width:480px){.profile-page{padding:20px 10px}.profile-header{padding:30px 20px}.profile-section{padding:20px}.profile-actions{padding:0 20px 20px}}html,body,#root{height:100%;margin:0;padding:0}.app{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;display:block;padding-top:110px}