:root{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;color:#263c35;background:#f7f5ef;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header,main,footer{max-width:1180px;margin:auto;padding:28px 40px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dcded5}.brand{color:inherit;text-decoration:none;font-weight:750;font-size:25px;letter-spacing:-1px}.brand span{display:block;font-size:9px;letter-spacing:3px;margin:6px 0 0 31px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin-top:35px;color:#64756b}h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,78px);font-weight:400;line-height:1.08;letter-spacing:-3px;margin:22px 0}h2{font-size:24px;letter-spacing:-.7px}h3{margin-top:30px}p{line-height:1.65;color:#617168}.intro{max-width:430px;font-size:18px}#welcome{position:relative;min-height:640px;padding-right:420px}.panel{padding:30px;background:#fffdf9;border:1px solid #dfe2d8;border-radius:22px;margin:25px 0}#auth,#register{position:absolute;right:0;top:25px;width:360px;box-shadow:0 20px 60px #263c3508}label{display:block;font-size:13px;font-weight:650;margin:18px 0}input,select,textarea{display:block;font:inherit;background:#fff;border:1px solid #ccd3c7;border-radius:9px;padding:12px;width:100%;margin-top:8px;color:#263c35}textarea{min-height:90px}.check{display:flex;gap:10px;align-items:flex-start;line-height:1.6}.check input{width:auto;margin-top:4px}button{font:inherit;border:1px solid #ccd3c7;border-radius:10px;padding:12px 18px;background:transparent;color:#263c35;cursor:pointer;font-weight:650}button:hover{background:#e8ece3}button:disabled{opacity:.5;cursor:wait}.primary{background:#294e3e;color:white;border-color:#294e3e}.primary:hover{background:#3e654f}input:focus,button:focus-visible,select:focus,textarea:focus{outline:3px solid #a4b889;outline-offset:3px}.fine{font-size:12px}.art{display:flex;gap:12px;margin:45px 0}.art span{display:grid;place-items:center;font-size:90px;color:#375245;background:#dbe5c9;border-radius:100px 100px 25px 25px;width:130px;height:160px;transform:rotate(-7deg)}.art span:nth-child(2){background:#eddac8;transform:rotate(5deg) translateY(15px)}.art span:nth-child(3){background:#d5dedc;transform:rotate(-3deg)}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.heading h1{font-size:52px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.card{background:#fffdf9;border:1px solid #dfe2d8;border-radius:18px;padding:22px;text-align:left}.card .symbol{font-size:45px;display:block;color:#71856a;margin:15px 0 35px}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 20px}#person{border-bottom:1px solid #dfe2d8;padding-bottom:25px}#people{display:flex;gap:10px;flex-wrap:wrap}.person{padding:10px 15px;border-radius:30px;background:#e8ece0}#job{padding:20px 0}#results img{width:100%;border-radius:12px}#message{padding:12px 0;color:#8a3f2b}footer{border-top:1px solid #dcded5;font-size:12px;color:#718075;display:flex;justify-content:space-between;margin-top:40px}@media(max-width:800px){header,main,footer{padding:22px}#welcome{padding:0}#auth,#register{position:static;width:auto}.art span{width:95px;height:125px;font-size:70px}.heading{align-items:flex-start;flex-direction:column}.heading h1{font-size:44px}.panel{padding:22px}footer span{display:none}}