:root{--blue:#4bb5f5;--red:#ef5145;--purple:#9e30f5;--lime:#68e638;--ink:#17132d;--cream:#fff9ef}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Arial,Helvetica,sans-serif}header{position:relative;z-index:3;max-width:1280px;margin:auto;padding:28px 40px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font-size:15px;letter-spacing:.09em;font-weight:900}.brand svg{width:26px;height:26px;fill:currentColor}.brand small{display:block;font-size:7px;letter-spacing:.19em;margin-top:3px}.login-page{background:#fff;overflow:hidden}.login-page:before{content:'';position:fixed;z-index:0;inset:0 43% 0 0;background:linear-gradient(150deg,#55bef6,#b934f0 58%,#ef5145)}.login-page:after{content:'';position:fixed;z-index:1;width:14vw;height:14vw;right:43%;bottom:-7vw;border-radius:50%;background:var(--lime)}.login-page main{position:relative;z-index:2;min-height:calc(100vh - 94px);display:grid;place-items:center;padding:26px 22px 60px}.login-stage{width:min(1160px,100%);display:grid;grid-template-columns:1fr minmax(380px,460px);align-items:center}.photo-collage{height:510px;position:relative}.photo{position:absolute;background-size:cover;background-position:center;border:7px solid #fff;border-radius:17px;box-shadow:0 18px 40px #29113b4a}.photo-one{width:285px;height:370px;left:6%;top:58px;background-image:linear-gradient(#a52dff20,#a52dff20),url('https://houseofcoop.com/application/files/3817/8683/5486/a_plus_j-3.webp');transform:rotate(-4deg)}.photo-two{width:210px;height:255px;right:3%;top:5px;background-image:linear-gradient(#ef514533,#ef514533),url('https://houseofcoop.com/application/files/5817/8916/9346/house-of-coop-footer.jpg');transform:rotate(5deg)}.photo-three{width:212px;height:188px;right:14%;bottom:15px;background:url('https://houseofcoop.com/application/files/9617/8697/8961/get-your-house-key.jpg') center/cover;transform:rotate(-2deg)}.login-card{background:#fff;padding:44px;border-left:1px solid #e8e5ee;min-height:492px;display:flex;flex-direction:column;justify-content:center}.welcome,.eyebrow{color:var(--purple);font-size:11px;letter-spacing:.18em;font-weight:900;margin:0 0 12px}.login-card h2{font-size:39px;line-height:1.02;letter-spacing:-.05em;margin:0 0 27px;font-weight:900}label{display:block;font-size:13px;font-weight:800;margin:17px 0 7px}input:not([type=hidden]){width:100%;min-height:51px;background:#fff;border:2px solid var(--ink);border-radius:9px;padding:12px;color:var(--ink)}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:24px;padding:15px 18px;background:var(--lime);color:var(--ink);border:2px solid var(--ink);border-radius:999px;font-weight:900}.fineprint{font-size:12px;line-height:1.55;color:#5c5570;margin:17px 0 0}.error{color:#8a1620;background:#fff0ec;padding:12px;border-radius:8px}.logout{border:2px solid var(--ink);border-radius:30px;background:#fff;padding:10px 22px;font-weight:800}.home-page{background:var(--cream)}.home-page main{width:960px;max-width:calc(100% - 80px);margin:35px auto 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;min-height:540px}.home-page h1{font-size:72px;line-height:.98;letter-spacing:-.065em;margin:0 0 26px;font-weight:900}.lead{font-size:20px;line-height:1.6}.note{color:#5c5570}.door-wrap{position:relative;padding:22px 35px 0;max-width:390px;margin:auto}.door{position:relative;background:var(--purple);padding:30px 28px 25px;border:9px solid var(--ink);border-radius:125px 125px 0 0;height:455px;box-shadow:14px 16px 0 var(--red)}.door-panel{border:2px solid #d8baff;border-radius:90px 90px 5px 5px;text-align:center;padding:35px 8px 22px}.avatar{height:70px;width:70px;margin:auto;background:var(--lime);border:4px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:900}.door-name{font-size:23px;font-weight:900;color:#fff;margin:18px 0 9px}.door-label{font-size:8px;letter-spacing:.2em;color:#fff}.lower-panel{height:100px;border:2px solid #d8baff;margin-top:23px}.doorknob{position:absolute;right:9px;top:255px;width:18px;height:18px;border-radius:50%;background:var(--lime)}@media(max-width:767px){header{padding:22px}.login-page:before{inset:0 0 58% 0}.login-page:after{right:-12vw;bottom:-8vw;width:38vw;height:38vw}.login-page main{padding:28px 22px 45px}.login-stage{display:block}.photo-collage{height:185px;margin:0 auto -22px;max-width:390px}.photo-one{width:145px;height:178px;left:4%;top:6px}.photo-two{width:115px;height:142px;right:5%;top:0}.photo-three{width:108px;height:93px;right:24%;bottom:-8px}.login-card{max-width:440px;margin:auto;padding:31px 25px 28px;border:0;border-radius:18px;min-height:0;box-shadow:8px 8px 0 var(--red)}.login-card h2{font-size:36px}.home-page main{width:calc(100% - 44px);grid-template-columns:1fr;min-height:0}.home-page h1{font-size:53px}.door{height:410px}.logout{padding:8px 16px}}