*{box-sizing:border-box}body{margin:0;font-family:Arial;color:#2e1b12;background:#ead7bd}button{cursor:pointer}.logo{display:flex;align-items:center;gap:9px;font-size:20px;padding:24px 15px 5px}.logo b{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:#e8732a;border:3px solid #f5aa60}.logo span{display:flex;flex-direction:column;font-weight:bold}.logo em{font-style:normal;color:#f28a38}aside{position:fixed;inset:0 auto 0 0;width:240px;background:linear-gradient(160deg,#482819,#1e110b);color:white;z-index:3;display:flex;flex-direction:column}aside>small{font-size:8px;letter-spacing:1.5px;color:#f4b172;padding:0 16px 17px}nav{padding:5px 10px;overflow:auto}nav button{display:block;width:100%;padding:10px;border:0;border-radius:8px;background:transparent;color:#ead8c8;text-align:left;font-weight:bold}nav button:hover,nav button.on{background:#df671f;color:white}aside footer{margin-top:auto;padding:18px;color:#a8836b;font-size:11px}main{margin-left:240px}header{height:85px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;background:#fff7ec;border-bottom:1px solid #c69d76}header h1{font-family:Georgia;margin:2px 0}header small{font-size:9px;letter-spacing:2px;color:#b3531e}.orange,.card button{border:0;border-radius:8px;padding:11px 18px;background:linear-gradient(#ef8838,#d85f1c);color:white;font-weight:bold}#menu{display:none;border:0;background:none;font-size:22px}.hero{min-height:440px;padding:65px 7%;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;background:linear-gradient(110deg,#fff9ef 0 58%,#d4a46b)}.hero h2,.heading h2{font-family:Georgia;font-size:52px;margin:10px 0}.hero h2 em{color:#df671f;font-weight:normal}.hero p,.heading p{font:17px/1.6 Georgia;color:#6d4e3b;max-width:570px}.actions{display:flex;gap:10px;margin-top:22px}.actions button{padding:13px 18px;border-radius:8px;font-weight:bold}.actions button:last-child{background:transparent;border:2px solid #66391f}.board{width:245px;height:330px;border:10px solid #70401f;border-radius:16px;background:linear-gradient(90deg,#b87539,#e4b573,#b66b31);position:relative;box-shadow:18px 22px 30px #3c1b0b66}.board:before{content:"";position:absolute;width:75px;height:75px;border-radius:50%;background:#26140c;left:75px;top:48px}.content{padding:55px 6%;min-height:680px}.heading{text-align:center;margin-bottom:32px}.heading p{margin:auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fffaf3;border:1px solid #c49c76;border-radius:13px;padding:25px;box-shadow:0 8px 20px #5b341c22}.card:before{content:"▱";display:block;color:#d96825;font-size:42px}.card h3{font-family:Georgia;font-size:22px}.card p{line-height:1.5;color:#755946;min-height:50px}.foot{background:#2b180f;color:#ead6c2;padding:25px 35px;display:flex;gap:25px;flex-wrap:wrap}.foot b{color:#ef8235}.foot small{width:100%;border-top:1px solid #ffffff22;padding-top:10px}@media(max-width:800px){aside{transform:translateX(-100%);transition:.2s}aside.open{transform:none}main{margin:0}#menu{display:block}header{padding:0 17px}.hero{grid-template-columns:1fr;text-align:center;padding:45px 20px}.hero p{margin:auto}.actions{justify-content:center}.board{display:none}.cards{grid-template-columns:1fr}.content{padding:40px 18px}.hero h2,.heading h2{font-size:39px}}