.home{min-height:100vh;padding-top:0}.hero{text-align:center;padding:5rem 2rem 3rem;background:linear-gradient(135deg,#fffffffa,#faf9f6f2);min-height:45vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:0 0 40px 40px;margin-bottom:2rem;box-shadow:0 4px 20px #0000000d}.hero-banner{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.3}.hero-content{position:relative;z-index:1;background:transparent;padding:2rem 3rem;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:none}.hero-title{font-size:4.5rem;font-weight:700;color:#8b7355;margin-bottom:1rem;letter-spacing:2px;opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.hero-title.visible{opacity:1;transform:translateY(0)}.hero-subtitle{font-size:2rem;color:#6b5d4f;font-weight:600;opacity:0;transform:translateY(20px);transition:opacity 1s ease-out .3s,transform 1s ease-out .3s}.hero-subtitle.visible{opacity:1;transform:translateY(0)}.content-section{max-width:1200px;margin:0 auto;padding:4rem 2rem;position:relative}.content-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,transparent,#8b7355,transparent);border-radius:2px}.content-block:not(.reverse):after{content:"";position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,#8b7355,transparent);border-radius:2px}.content-section:has(.content-block.reverse){padding-bottom:0;margin-bottom:0}.content-section .content-block.reverse{padding-left:0!important;margin-left:calc(-50vw + 50%);padding-right:0!important;width:100vw;max-width:100vw}.content-block{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:5rem}.content-block.reverse{grid-template-columns:1fr 2fr 1fr;gap:2rem;align-items:flex-end;margin-bottom:0;padding-bottom:0;position:relative}.content-block.reverse:before{content:"";position:absolute;top:-2rem;left:50%;transform:translate(-50%);width:70px;height:3px;background:linear-gradient(90deg,transparent,#8b7355,transparent);border-radius:2px}.content-block.reverse+.footer{margin-top:0}.content-block.reverse .content-image:first-child{order:1;margin-left:0;padding-left:0}.content-block.reverse .content-text{order:2;padding-left:1rem;padding-right:1rem;max-width:none}.content-block.reverse .content-image:last-child{order:3;margin-right:0!important;padding-right:0;justify-self:flex-end}.content-block.reverse .content-text h2{font-size:3rem}.content-block.reverse .content-text p{font-size:1.8rem}.content-image{width:100%;max-width:500px;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #0000001a;margin:0 auto}.content-image-egg{background:transparent;border-radius:0;box-shadow:none;overflow:visible;max-width:250px}.content-image-egg img{cursor:pointer;transition:transform .3s ease;transform:rotate(5deg)}.content-image-egg img:hover{transform:rotate(5deg) scale(1.1)}.content-image-chicken{background:transparent;border-radius:0;box-shadow:none;overflow:visible;max-width:300px;position:relative;padding:0}.content-image-chicken:first-child{margin-left:0!important;margin-right:auto}.content-image-chicken:last-child{margin-left:auto;margin-right:0!important}.flip-horizontal{transform:scaleX(-1)}.chicken-clickable{cursor:pointer;transition:transform .3s ease}.chicken-clickable:hover{transform:scale(1.1)}.chicken-clickable.flip-horizontal:hover{transform:scaleX(-1) scale(1.1)}.kott-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:700;color:#8b7355;background:#fffffff2;padding:1rem 2rem;border-radius:15px;box-shadow:0 5px 20px #0003;z-index:10;animation:fadeInOut 2s ease-in-out;pointer-events:none}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.content-image img{width:100%;height:auto;display:block}.content-image-egg img,.content-image-chicken img{width:auto;max-width:100%;height:auto;display:block;margin:0 auto}.placeholder{width:100%;aspect-ratio:4/3;background:#e8e3db;display:flex;align-items:center;justify-content:center;color:#8b7355;font-size:1.5rem;font-weight:600}.content-text{padding:2rem}.content-text h2{font-size:2.5rem;color:#8b7355;margin-bottom:1.5rem;font-weight:700}.content-text p{font-size:1.5rem;color:#5a4a3f;line-height:1.8;font-weight:500}.content-block:not(.reverse) .content-text h2{font-size:3rem}.content-block:not(.reverse) .content-text p{font-size:1.8rem}.footer{background:linear-gradient(135deg,#fffffff2,#faf9f6f2);padding:2.5rem 2rem;text-align:center;margin-top:0;border-top:1px solid rgba(139,115,85,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer p{font-size:1.8rem;color:#8b7355;font-weight:700;margin-bottom:1rem}.footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.footer-links a{font-size:1.3rem;color:#6b5d4f;text-decoration:none;font-weight:600}.footer-links a:hover{color:#8b7355}@media (max-width: 768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.5rem}.content-block,.content-block.reverse{grid-template-columns:1fr;gap:2rem}.content-block.reverse .content-image,.content-block.reverse .content-text{order:0}.content-text h2{font-size:2rem}.content-text p{font-size:1.3rem}}.chickens-page{min-height:calc(100vh + 1px);padding:2rem 2rem 4rem;max-width:1200px;margin:0 auto}.chickens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem}.chicken-card{background:#ffffffe6;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:transform .3s,box-shadow .3s}.chicken-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.chicken-image{width:100%;aspect-ratio:4/3;overflow:hidden}.chicken-image img{width:100%;height:100%;object-fit:cover}.chicken-info{padding:1.5rem}.chicken-info h2{font-size:2rem;color:#8b7355;font-weight:700;margin-bottom:.5rem}.chicken-info p{font-size:1.3rem;color:#5a4a3f;line-height:1.6;font-weight:500}@media (max-width: 768px){.chickens-grid{grid-template-columns:1fr}.page-header h1{font-size:2.5rem}}.eggs-page{min-height:calc(100vh + 1px);padding:2rem 2rem 4rem;max-width:1200px;margin:0 auto}.page-header{text-align:center;margin-bottom:4rem}.page-header h1{font-size:3.5rem;color:#8b7355;font-weight:700;margin-bottom:1rem;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.page-header h1.visible{opacity:1;transform:translateY(0)}.page-header p{font-size:1.8rem;color:#6b5d4f;font-weight:600;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out .2s,transform .8s ease-out .2s}.page-header p.visible{opacity:1;transform:translateY(0)}.eggs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem}.egg-card{position:relative}.egg-image-container{position:relative;background:#ffffffe6;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000001a;aspect-ratio:1;transition:transform .3s,box-shadow .3s}.egg-image-container:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.egg-image-container img{width:100%;height:100%;object-fit:cover}.placeholder{width:100%;height:100%;background:#e8e3db;display:flex;align-items:center;justify-content:center;color:#8b7355;font-size:1.3rem;font-weight:600}.egg-number{position:absolute;top:1rem;left:1rem;background:#fffffff2;padding:.5rem 1rem;border-radius:10px;font-size:1.4rem;font-weight:700;color:#8b7355;box-shadow:0 2px 10px #0000001a}.egg-cross{position:absolute;top:1rem;right:1rem;font-size:2rem;color:#8b7355;font-weight:700;background:#fffffff2;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 10px #0000001a;transform:rotate(45deg)}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:#fff9;border-radius:15px}.empty-state p{font-size:1.5rem;color:#6b5d4f;margin-bottom:.5rem;font-weight:600}@media (max-width: 768px){.eggs-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.page-header h1{font-size:2.5rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#faf9f6,#f5f1eb);padding:2rem}.login-container{background:#fffffff2;padding:3rem;border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:400px;width:100%}.login-container h1{font-size:2.5rem;color:#8b7355;font-weight:700;text-align:center;margin-bottom:.5rem}.login-container h2{font-size:1.8rem;color:#6b5d4f;font-weight:600;text-align:center;margin-bottom:2rem}.form-group input{width:100%;padding:1rem;font-size:1.3rem;font-family:Caveat,cursive;border:2px solid #e8e3db;border-radius:10px;background:#fff;color:#3a3a3a}.form-group input:focus{outline:none;border-color:#8b7355}.error-message{color:#d32f2f;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.btn-primary{width:100%;padding:1rem;font-size:1.4rem;font-weight:700;font-family:Caveat,cursive;background:#8b7355;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background .3s}.btn-primary:hover:not(:disabled){background:#6b5d4f}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.admin-page{min-height:100vh;padding:1rem 2rem 2rem;max-width:1200px;margin:0 auto}.admin-header h1{font-size:3rem;color:#8b7355;font-weight:700}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.admin-tabs button{padding:1rem 2rem;font-size:1.3rem;font-weight:600;font-family:Caveat,cursive;background:#fffc;border:2px solid #e8e3db;border-radius:10px;color:#6b5d4f;cursor:pointer;transition:all .3s}.admin-tabs button:hover{background:#fff;border-color:#8b7355}.admin-tabs button.active{background:#8b7355;color:#fff;border-color:#8b7355}.admin-content{background:#ffffffe6;padding:2rem;border-radius:15px;box-shadow:0 5px 20px #0000001a}.admin-section h2{font-size:2.2rem;color:#8b7355;font-weight:700;margin-bottom:1.5rem}.admin-section h3{font-size:1.8rem;color:#8b7355;font-weight:700;margin-bottom:1rem;margin-top:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:1.4rem;color:#6b5d4f;font-weight:600;margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=file],.form-group textarea{width:100%;padding:.8rem;font-size:1.2rem;font-family:Caveat,cursive;border:2px solid #e8e3db;border-radius:8px;background:#fff;color:#3a3a3a}.form-group textarea{resize:vertical;min-height:100px}.preview-image{margin-top:1rem;max-width:300px;max-height:300px;border-radius:10px;box-shadow:0 3px 10px #0000001a}.btn-primary{padding:1rem 2rem;font-size:1.4rem;font-weight:700;font-family:Caveat,cursive;background:#8b7355;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background .3s}.btn-primary:hover{background:#6b5d4f}.btn-delete{padding:.5rem 1rem;font-size:1.2rem;font-weight:600;font-family:Caveat,cursive;background:#d32f2f;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s}.btn-delete:hover{background:#b71c1c}.btn-logout{padding:.8rem 1.5rem;font-size:1.2rem;font-weight:600;font-family:Caveat,cursive;background:#6b5d4f;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s}.btn-logout:hover{background:#5a4a3f}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.message{padding:1rem;margin-bottom:1rem;border-radius:10px;font-size:1.3rem;font-weight:600;text-align:center}.message.success{background:#d4edda;color:#155724;border:2px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:2px solid #f5c6cb}.info-text{font-size:1.3rem;color:#6b5d4f;font-weight:600;margin-top:.5rem;padding:1rem;background:#f5f1eb;border-radius:8px}.items-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.item-card{background:#fffc;border:2px solid #e8e3db;border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.item-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.item-info h3{font-size:1.6rem;color:#8b7355;font-weight:700;margin-bottom:.5rem}.item-info p{font-size:1.2rem;color:#5a4a3f;font-weight:500}.egg-card-admin{aspect-ratio:1}.home-edit-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #e8e3db}.home-edit-section:last-child{border-bottom:none}@media (max-width: 768px){.admin-page{padding:1rem}.admin-content{padding:1.5rem}.items-list{grid-template-columns:1fr}}.navigation{background:#fffffff2;padding:1.2rem 3rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #00000014;position:fixed;top:1rem;left:50%;width:calc(100% - 4rem);max-width:1400px;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,top .3s ease-in-out,opacity .3s ease-in-out;border-radius:25px;border:1px solid rgba(139,115,85,.1);transform:translate(-50%) translateY(-100%);opacity:0}.navigation.mounted{animation:slideDownFadeIn .6s ease-out forwards}.navigation.visible{transform:translate(-50%) translateY(0);top:1rem}.navigation.hidden{transform:translate(-50%) translateY(-150%);top:-5rem}@keyframes slideDownFadeIn{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.nav-logo{font-size:2.2rem;font-weight:700;color:#8b7355;text-decoration:none;letter-spacing:1.5px;transition:transform .3s,color .3s;position:relative}.nav-logo:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#8b7355,#6b5d4f);transition:width .3s}.nav-logo:hover{transform:scale(1.05);color:#6b5d4f}.nav-logo:hover:after{width:100%}.nav-links{display:flex;gap:2.5rem;align-items:center}.nav-links a{font-size:1.5rem;color:#6b5d4f;text-decoration:none;font-weight:600;transition:all .3s;position:relative;padding:.5rem 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#8b7355,#6b5d4f);transition:all .3s;transform:translate(-50%)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a:hover{color:#8b7355;transform:translateY(-2px)}.nav-links a.active{color:#8b7355;font-weight:700}@media (max-width: 768px){.navigation{flex-direction:column;gap:1rem;padding:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#faf9f6,#f5f1eb);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;animation:fadeOut .3s ease-out .7s forwards}.loader-content{text-align:center;position:relative}.loader-text{font-size:3.5rem;font-weight:700;color:#8b7355;letter-spacing:2px;animation:slideIn .3s ease-out;margin-bottom:2rem}.whoosh-effect{width:200px;height:4px;background:linear-gradient(90deg,transparent,#8b7355,transparent);margin:0 auto;position:relative;animation:whoosh .4s ease-out}.whoosh-effect:before,.whoosh-effect:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#8b7355;top:50%;transform:translateY(-50%);animation:pulse .5s ease-out}.whoosh-effect:before{left:0}.whoosh-effect:after{right:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes whoosh{0%{width:0;opacity:0}50%{width:200px;opacity:1}to{width:0;opacity:0}}@keyframes pulse{0%,to{transform:translateY(-50%) scale(0);opacity:0}50%{transform:translateY(-50%) scale(1);opacity:1}}@keyframes fadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.app-content{padding-top:0}.page-content{opacity:0;visibility:hidden;transition:opacity .4s ease-out .2s,visibility 0s linear .2s}.page-content.visible{opacity:1;visibility:visible;transition:opacity .6s ease-out,visibility 0s;animation:fadeInUp .6s ease-out}.page-content.hidden{opacity:0;visibility:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f5f1eb;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b7355,#6b5d4f);border-radius:10px;border:2px solid #f5f1eb;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6b5d4f,#5a4a3f)}*{scrollbar-width:thin;scrollbar-color:#8b7355 #f5f1eb}body{font-family:Caveat,cursive;background:linear-gradient(135deg,#faf9f6,#f5f1eb);color:#3a3a3a;line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease-in,transform .3s ease-in}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translate(-50px);transition:opacity .8s ease-out,transform .8s ease-out}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(50px);transition:opacity .8s ease-out,transform .8s ease-out}.slide-in-right.visible{opacity:1;transform:translate(0)}