:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:2.5rem;color:#283618;margin-bottom:1rem}h2{font-size:2rem;color:#606c38;margin-bottom:.8rem}p{color:#283618;line-height:1.6}a{text-decoration:none;color:inherit}button{background-color:#606c38;color:#fefae0;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#283618}nav{box-shadow:0 2px 8px #0000001a,0 1px 3px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#283618,#283618)}.nav-link-container{display:flex;gap:.5rem;align-items:center}.nav-link-container a{padding:.5rem .75rem;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-link-container a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(254,250,224,.1),transparent);transition:left .5s}.nav-link-container a:hover:before{left:100%}.nav-link-container a:hover{background-color:#606c384d;transform:translateY(-1px)}.nav-logo{display:flex;align-items:center;text-decoration:none;gap:.6rem;transition:transform .3s ease}.nav-logo:hover{transform:translateY(-1px)}.nav-logo img{height:36px;width:auto;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.nav-brand{color:#fefae0;font-size:1.15rem;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.nav-logo:hover img{transform:scale(1.05)}.menu-button{display:none;background:none;border:none;color:#fefae0;cursor:pointer;padding:.5rem;width:40px;height:40px;border-radius:6px;transition:all .3s ease}.menu-button:hover{background-color:#606c384d}.menu-icon{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.menu-icon span{display:block;height:2px;width:100%;background-color:#fefae0;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.menu-icon.open span:nth-child(1){transform:rotate(45deg) translateY(8px)}.menu-icon.open span:nth-child(2){opacity:0;transform:scaleX(0)}.menu-icon.open span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.mobile-menu{display:none;flex-direction:column;gap:.5rem;padding:1rem;background:linear-gradient(180deg,#283618fa,#283618);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026;border-top:1px solid rgba(96,108,56,.3)}.mobile-menu a{padding:.75rem 1rem;border-radius:6px;transition:all .3s ease}.mobile-menu a:hover{background-color:#606c384d;transform:translate(4px)}@media (max-width: 768px){.nav-link-container{display:none}.menu-button,.mobile-menu.open{display:flex}.nav-logo img{height:30px}.nav-brand{font-size:1rem}}.footer{background:linear-gradient(180deg,#fefae099,#fefae066);padding:.75rem 0;margin-top:auto;border-top:1px solid rgba(96,108,56,.08);box-shadow:0 -1px 4px #00000008}.footer-container{padding:0 2rem}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.footer-logo{display:flex;align-items:center;gap:.5rem}.footer-logo img{height:20px;width:auto;transition:transform .3s ease;opacity:.7}.footer-logo:hover img{transform:scale(1.05);opacity:.9}.footer-brand{color:#283618!important;font-weight:500!important;font-size:.6rem!important;letter-spacing:.15px!important;opacity:.7!important;line-height:1.2!important}.footer-copyright{color:#606c38;font-size:.65rem;opacity:.6}@media (max-width: 768px){.footer{padding:.6rem 0}.footer-container{padding:0 1rem}.footer-content{flex-direction:column;gap:.4rem;text-align:center}.footer-logo{justify-content:center}.footer-logo img{height:18px}.footer-brand{font-size:.6rem}.footer-copyright{font-size:.65rem}}.optimized-image-container{position:relative;width:100%;height:100%;overflow:hidden}.optimized-image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-in-out}.optimized-image.loaded{opacity:1}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fefae0;color:#606c38}.loading-spinner{width:40px;height:40px;border:4px solid #DDA15E;border-top:4px solid #606C38;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fefae0;color:#d32f2f;text-align:center;padding:2rem}.home-container{display:flex;flex-direction:column;padding:0;max-width:1400px;margin:0 auto;min-height:0}.home-layout{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;flex:1;min-height:0}.hero-image-wrapper{position:relative;width:auto;max-width:100%;max-height:calc(100vh - 106px - 4rem);aspect-ratio:3 / 4;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014;background:linear-gradient(135deg,#fefae04d,#ffffff1a);transition:transform .3s ease,box-shadow .3s ease}@media (min-width: 1025px){.hero-image-wrapper{max-width:min(90%,calc((100vh - 106px - 4rem)*.75))}}.hero-image-wrapper:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026,0 6px 12px #0000001a}.hero-image-wrapper .optimized-image-container,.hero-image-wrapper .hero-image,.hero-image-wrapper img,.hero-image-wrapper .optimized-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.content-side{display:flex;flex-direction:column;gap:1.5rem;justify-content:flex-start;padding:.25rem 0 0;max-height:calc(100vh - 106px - 4rem);overflow:hidden}.welcome-section{text-align:left;flex-shrink:0}.welcome-section h1{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#283618,#606c38);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;font-weight:700;letter-spacing:-.5px}.welcome-text{font-size:.95rem;color:#606c38;line-height:1.4;margin:0;opacity:.9}.navigation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;flex:1;min-height:0;align-content:start;overflow-y:auto}.nav-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:1rem .85rem;background:linear-gradient(135deg,#fffffff2,#fefae066);border-radius:12px;border:1px solid rgba(96,108,56,.15);text-decoration:none;color:#283618;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;position:relative;overflow:hidden}.nav-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#606c3814,#2836180d);opacity:0;transition:opacity .3s ease}.nav-card:hover:before{opacity:1}.nav-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f,0 4px 8px #00000014;border-color:#606c384d;background:linear-gradient(135deg,#fff,#fefae099)}.card-icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#606c381a,#2836180d);color:#606c38;transition:all .3s ease;position:relative;z-index:1}.nav-card:hover .card-icon-wrapper{background:linear-gradient(135deg,#606c38,#283618);color:#fefae0;transform:scale(1.1);box-shadow:0 4px 12px #606c384d}.card-content{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.card-title{font-size:.9rem;font-weight:600;color:#283618;line-height:1.3;letter-spacing:.2px;transition:color .3s ease}.nav-card:hover .card-title{color:#283618}@media (max-width: 1024px){.home-layout{grid-template-columns:1fr;gap:2rem}.hero-image-wrapper{aspect-ratio:3 / 4;order:-1;max-width:100%}.content-side,.welcome-section{text-align:center}.navigation-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.home-container{padding:.5rem 0}.home-layout{gap:1.5rem}.hero-image-wrapper{aspect-ratio:3 / 4;border-radius:12px}.content-side{gap:1.5rem;padding:0}.welcome-section h1{font-size:1.75rem;margin-bottom:.5rem}.welcome-text{font-size:.9rem}.navigation-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.nav-card{padding:1rem .75rem;gap:.6rem}.card-icon-wrapper{width:48px;height:48px}.card-title{font-size:.8rem}}@media (max-width: 480px){.navigation-grid{grid-template-columns:1fr;gap:.6rem}.nav-card{flex-direction:row;padding:1rem;min-height:70px;text-align:left;justify-content:flex-start}.card-icon-wrapper{width:44px;height:44px;flex-shrink:0}.card-content{align-items:flex-start;text-align:left;flex:1}.card-title{font-size:.85rem}}.access-list{list-style:none;padding:0;margin:0}.map-container{border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;flex:1;min-height:0;display:flex}.map-container iframe{display:block;width:100%;height:100%;min-height:300px;max-height:300px;border:none}@media (max-width: 768px){.map-container iframe{min-height:250px;max-height:250px}}.wifi-info{display:flex;flex-direction:column;gap:.75rem;flex:1}.info-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fffc;border-radius:8px;box-shadow:0 2px 6px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.info-item:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.label{font-weight:600;color:#606c38;min-width:90px;font-size:.9rem}.value{font-family:monospace;font-size:.95rem;color:#283618;padding:.5rem .75rem;background:#606c381a;border-radius:6px;flex:1}.rules-content{color:#606c38;flex:1;display:flex;flex-direction:column;min-height:0}.rules-intro{margin-bottom:1rem;line-height:1.5;padding:.75rem;background:#fffc;border-radius:8px;box-shadow:0 2px 6px #0000000f;font-size:.95rem}.rules-list{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto;min-height:0}.rules-list li{color:#606c38;padding:.75rem;margin-bottom:.75rem;background:#fffc;border-radius:8px;box-shadow:0 2px 6px #0000000f;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;gap:.75rem;font-size:.95rem}.rules-list li:before{content:"•";color:#606c38;font-weight:700;font-size:1.5rem}.rules-list li:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.info-item{flex-direction:column;align-items:flex-start;gap:.5rem}.label{min-width:auto}.value{width:100%}}.contacts-list{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;min-height:0}.contact-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fffc;border-radius:8px;box-shadow:0 2px 6px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.contact-item:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.contact-name{font-weight:600;color:#283618;font-size:.95rem}.contact-number{color:#606c38;text-decoration:none;font-size:.95rem;padding:.5rem .75rem;background:#606c381a;border-radius:6px;transition:all .2s ease}.contact-number:hover{background:#606c3833;color:#283618}.procedures-list{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;min-height:0}.procedure-item{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem;background:#fffc;border-radius:8px;box-shadow:0 2px 6px #0000000f}.procedure-number{background:linear-gradient(135deg,#606c38,#283618);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;font-size:.85rem;box-shadow:0 2px 4px #0000001a}.procedure-text{color:#606c38;margin:0;line-height:1.5;font-size:.95rem}@media (max-width: 768px){.contact-item{flex-direction:column;gap:.5rem;text-align:center}.contact-number{width:100%;text-align:center}}.calendar-container{max-width:1200px;margin:0 auto;padding:0;height:100%;display:flex;flex-direction:column}.calendar-header{text-align:center;margin-bottom:1rem;flex-shrink:0}.calendar-header h1{color:#283618;margin-bottom:.25rem;font-size:clamp(1.5rem,4vw,2rem);background:linear-gradient(135deg,#283618,#606c38);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calendar-header p{color:#606c38;font-size:clamp(.9rem,2.5vw,1rem);margin:0}.calendar-content{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem;align-items:stretch;flex:1;min-height:0;max-height:calc(100vh - 106px - 3rem)}.calendar-paper{padding:1rem;background:linear-gradient(135deg,#fefae0cc,#fefae0);border-radius:12px;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000f;overflow:hidden;display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 106px - 4rem)}.calendar-header-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem;flex-shrink:0}.calendar-header-controls button{color:#606c38;min-width:40px;font-size:1.2rem;padding:.5rem;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600}.calendar-header-controls button:hover{background-color:#606c3826;transform:scale(1.1);color:#283618}.calendar-header-controls h6{color:#283618;margin:0;font-size:clamp(1.2rem,3vw,1.5rem);text-align:center;flex:1}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.6rem;text-align:center;font-weight:600;color:#606c38;font-size:clamp(.75rem,2vw,.95rem);padding:.25rem 0;border-bottom:2px solid rgba(96,108,56,.1);flex-shrink:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem;min-height:0;flex:1}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#fffffff2,#fff);border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;color:#283618;font-size:clamp(.75rem,2vw,1rem);box-shadow:0 2px 6px #0000000f,0 1px 2px #0000000a;position:relative;padding:.25rem;min-height:35px;max-height:50px;border:1px solid rgba(96,108,56,.05)}.calendar-day:hover{background:linear-gradient(135deg,#fefae080,#ffffffe6);transform:translateY(-2px);box-shadow:0 4px 10px #0000001a,0 2px 4px #0000000f;border-color:#606c3826}.calendar-day.selected{background:linear-gradient(135deg,#606c38,#283618);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #606c384d,0 2px 6px #00000026;border-color:#606c38}.calendar-day.has-visits{border:2px solid #DDA15E;box-shadow:0 2px 8px #dda15e33,0 1px 3px #0000000f}.calendar-day.has-visits:hover{border-color:#bc6c25;box-shadow:0 4px 12px #dda15e4d,0 2px 6px #0000001a}.calendar-day.empty{background-color:transparent;cursor:default;box-shadow:none}.day-number{font-size:clamp(.8rem,2.5vw,1.2rem);font-weight:500;line-height:1}.visit-indicator{display:flex;align-items:center;gap:.1rem;margin-top:.1rem;color:#dda15e;font-size:clamp(.6rem,1.5vw,.9rem)}.visit-count{font-size:clamp(.6rem,1.5vw,.9rem);font-weight:600}.calendar-day.selected .visit-indicator{color:#fff}.visits-paper{padding:.75rem;background:linear-gradient(135deg,#fefae0,#fefae0cc);border-radius:12px;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000f;height:100%;max-height:calc(100vh - 106px - 4rem);overflow:hidden;display:flex;flex-direction:column}.visits-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;flex-shrink:0}.visits-header h6{color:#283618;margin:0;font-size:clamp(.9rem,2vw,1rem);line-height:1.2}.visits-list{flex:1;overflow-y:auto;min-height:0;padding-right:.4rem;max-height:calc(100vh - 106px - 6rem)}.visits-list::-webkit-scrollbar{width:6px}.visits-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.visits-list::-webkit-scrollbar-thumb{background:#dda15e;border-radius:3px}.visits-list::-webkit-scrollbar-thumb:hover{background:#606c38}.visit-item{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:8px;padding:.5rem .6rem;margin-bottom:.5rem;box-shadow:0 2px 6px #0000000f,0 1px 2px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(96,108,56,.05)}.visit-item:hover{box-shadow:0 4px 10px #0000001a,0 2px 4px #0000000f;transform:translateY(-2px);border-color:#606c3826;background:linear-gradient(135deg,#fff,#fefae04d)}.visit-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem;gap:.4rem}.visit-item-name{font-weight:600;color:#283618;font-size:clamp(.8rem,1.8vw,.9rem);line-height:1.2;flex:1}.visit-item-actions{display:flex;gap:.2rem;flex-shrink:0}.visit-item-actions .MuiIconButton-root{color:#606c38;transition:all .2s ease;padding:.2rem;width:28px;height:28px}.visit-item-actions .MuiIconButton-root:hover{color:#283618;background-color:#606c381a}.visit-item-actions .MuiIconButton-root svg{font-size:1rem}.visit-item-dates{color:#606c38;font-size:clamp(.75rem,1.6vw,.8rem);line-height:1.3;display:flex;flex-direction:column;gap:.15rem}.visit-item-dates strong{font-weight:600;color:#283618;margin-right:.25rem}@media (max-width: 1024px){.calendar-content{grid-template-columns:1.5fr 1fr;gap:.75rem}.calendar-paper,.visits-paper{padding:.75rem}}@media (max-width: 768px){.calendar-container{padding:0}.calendar-content{grid-template-columns:1fr;gap:.75rem}.calendar-paper{padding:.75rem}.calendar-header,.calendar-header-controls{margin-bottom:.75rem}.calendar-weekdays{gap:.2rem;margin-bottom:.5rem}.calendar-grid{gap:.2rem}.calendar-day{padding:.2rem;min-height:32px;max-height:45px}.visits-paper{padding:.6rem;max-height:calc(100vh - 106px - 3rem)}.visits-header{margin-bottom:.6rem;gap:.4rem}.visit-item{padding:.5rem;margin-bottom:.5rem}.visit-item-header{flex-direction:column;align-items:flex-start;gap:.5rem}.visit-item-actions{align-self:flex-end}}@media (max-width: 480px){.calendar-container{padding:0}.calendar-paper{padding:.5rem}.calendar-day{min-height:28px;max-height:38px;font-size:.7rem}.day-number{font-size:.7rem}.visit-indicator,.visit-count{font-size:.5rem}.visits-paper{padding:.5rem}.visit-item{padding:.6rem}}@media (max-width: 768px) and (orientation: landscape){.calendar-content{grid-template-columns:1fr 1fr}.visits-paper{max-height:70vh}}#root{width:100%;min-height:100vh;margin:0;padding:0;background-color:#fefae0}.app{min-height:100vh;display:flex;flex-direction:column;background-color:#fefae0;background:linear-gradient(180deg,#fefae0,#fefae0fa)}.main-content{flex:1;padding-top:0;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:0}main{width:100%;max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;position:relative;z-index:1;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.card{background:linear-gradient(135deg,#fffffff2,#fff);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000f;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(96,108,56,.05)}.card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001f,0 4px 8px #0000001a}button{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:6px}button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}a{text-decoration:none;color:#606c38;transition:color .3s cubic-bezier(.4,0,.2,1);position:relative}a:hover{color:#283618}a:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:linear-gradient(90deg,#dda15e,#bc6c25);transition:width .3s cubic-bezier(.4,0,.2,1)}a:hover:after{width:100%}img{max-width:100%;height:auto;border-radius:8px}h1,h2,h3,h4,h5,h6{color:#283618;margin-bottom:.75rem;line-height:1.2;font-weight:600}p{color:#606c38;line-height:1.6;margin-bottom:1rem}@media (max-width: 768px){main{padding:1.5rem}.card{padding:1.5rem}}@media (max-width: 480px){main{padding:1rem}.card{padding:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}input,textarea,select{border:1px solid rgba(96,108,56,.2);border-radius:8px;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffffe6}input:focus,textarea:focus,select:focus{outline:none;border-color:#606c38;box-shadow:0 0 0 3px #606c3826,0 2px 4px #0000000d;background:#fff}ul,ol{color:#606c38;line-height:1.6;padding-left:1.5rem}li{margin-bottom:.5rem}table{width:100%;border-collapse:collapse;margin:1rem 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000f}th,td{padding:.75rem;border:1px solid rgba(96,108,56,.1);text-align:left;transition:background-color .2s ease}th{background:linear-gradient(135deg,#606c381a,#606c380d);color:#283618;font-weight:600}tr:nth-child(2n){background-color:#606c3805}tr:hover{background-color:#dda15e0d}.page-container{max-width:1200px;margin:0 auto;padding:0;height:100%;display:flex;flex-direction:column}.page-header{text-align:center;margin-bottom:1.25rem}.page-header h1{color:#283618;margin-bottom:.5rem;font-size:2rem;background:linear-gradient(135deg,#283618,#606c38);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-intro{color:#606c38;font-size:1rem;max-width:600px;margin:0 auto;line-height:1.5}.page-content{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;flex:1;min-height:0}.page-section{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000f;display:flex;flex-direction:column;overflow:hidden}.page-section h2{color:#283618;margin-bottom:1rem;font-size:1.5rem;padding-bottom:.5rem;border-bottom:2px solid rgba(96,108,56,.15)}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:2px solid rgba(96,108,56,.15)}.section-header h2{color:#283618;margin:0;font-size:1.5rem}.list-item{color:#606c38;padding:.75rem;margin-bottom:.75rem;background:#fffc;border-radius:8px;box-shadow:0 2px 6px #0000000f;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;gap:.75rem;font-size:.95rem}.list-item:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.list-item:before{content:"•";color:#606c38;font-weight:700;font-size:1.5rem}.section-gradient-left{background:linear-gradient(135deg,#fefae080,#fff)}.section-gradient-right{background:linear-gradient(135deg,#fff,#fefae080)}@media (max-width: 768px){.page-container{padding:0}.page-content{grid-template-columns:1fr;gap:1rem}.page-header{margin-bottom:1rem}.page-header h1{font-size:1.75rem}.page-section{padding:1rem}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}