
/* FORM LOUNGE  |  Where Style Takes Form.  |  Guest application */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#191919;--muted:#77746e;--wine:#191919;--gold:#b58b4a;--cream:#fbf9f4;--line:#ebe5d9}
body{background:linear-gradient(120deg,#e6e0d4,#f7f4ee 42%,#e9e4da);color:#232221;font-family:'Manrope',sans-serif}
.app{background:#fbf9f5;box-shadow:0 10px 75px #2d231b1a}
.top{padding:13px 20px 13px;background:#fff;box-shadow:0 1px 0 #eae4d9;min-height:82px;position:relative;z-index:2}
.form-brand{display:flex;flex-direction:column;justify-content:center;gap:0;align-items:center;line-height:1}
.form-wordmark{width:174px;height:auto;max-height:64px;object-fit:contain;display:block;mix-blend-mode:multiply}
.form-brand small{font-family:'Cormorant Garamond',Georgia,serif;color:#ae843f;font-style:italic;font-size:14px;letter-spacing:.4px;margin-top:-7px;white-space:nowrap}
.iconbtn{border:1px solid #e9dfd1;background:#fffdf9;color:#655440;box-shadow:0 3px 13px #1714110c}
.content{padding:0 20px}
.eyebrow{font-family:'Manrope',sans-serif;color:#aa8549;letter-spacing:2px;font-size:10px}
.serif{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:-.35px}
h1.serif{font-size:36px;line-height:1.05;margin:9px 0 17px}
h2.serif{font-size:30px}
.hero{min-height:370px;border-radius:19px;background:linear-gradient(180deg,#15151508 5%,#141311b5 96%),url('https://images.unsplash.com/photo-1560066984-138dadb4c035?w=1000&q=85') center/cover;box-shadow:0 18px 32px #241e1825;border:1px solid #c9b89c30}
.hero .copy{bottom:27px;left:24px;max-width:320px}
.hero h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:47px;font-weight:600;line-height:1.02;letter-spacing:-.5px}
.hero .eyebrow{color:#ebd1a0!important;letter-spacing:2.4px}
.hero .btn{background:#b88e4d;color:#151515;border-radius:10px;box-shadow:0 5px 14px #0004;font-size:12px;padding:13px 20px}
.btn,.mini{background:#181818;color:#f8ebd5;border-radius:9px;font-weight:700;letter-spacing:.2px}
.btn:hover,.mini:hover{background:#95703a}
.viewall,.tag{color:#a77d3b}
.block{margin:29px 0}
.block .row h2.serif{font-size:29px}
.cat .circle{background:linear-gradient(145deg,#f1e8d7,#fffaf2);border:1px solid #e9ddc9;color:#ac813f;box-shadow:0 3px 11px #68522d0b}
.cat label{font-size:11px;font-weight:700}
.service,.card,.booking{border:1px solid #eee5d9;background:#fffdfa;box-shadow:0 4px 17px #23181008}
.service{padding:10px;border-radius:15px}
.service .eyebrow{letter-spacing:1.5px;font-size:9px}
.service h3{font-size:13.5px}
.service img{border-radius:9px}
.service .price{color:#a0773d;font-size:15px}
.chip{background:#f4ebd9;color:#956d38}
.offer{background:linear-gradient(130deg,#171717,#35302a 70%,#806341);border:1px solid #bc955e;border-radius:16px;box-shadow:0 14px 25px #2921181b}
.offer:after{content:'F';font-family:'Cormorant Garamond',Georgia,serif;font-size:180px;top:-55px;right:5px;color:#bd945015}
.offer h2{font-size:31px}
.offer button{border-color:#c09c63;color:#f1d8ab}
.bottom{background:#fffdf9;border-top:1px solid #eae0d1;box-shadow:0 -7px 26px #3023110d}
.navitem{color:#978f81}
.navitem.active{color:#ac7a30}
.stylist{border:1px solid #ecdfd0;background:#fffdfa}
.fields label{color:#453a2d}
.fields input,.fields select,.fields textarea,.search{background:#fffdf9;border:1px solid #eadfcf}
.fields input:focus,.fields select:focus,.search:focus{outline:2px solid #c7a2657a;border-color:#bf9758}
.choice{border:1px solid #e9dfd0;background:#fffdf9}
.choice.sel{border-color:#af8649;background:#f7edda;color:#7f5f30}
.summary{background:#f6efe3;border:1px solid #e9ddc8}
.outline{border-color:#cdb38b;color:#715326}
.loyalty{background:linear-gradient(145deg,#171717,#403528);border:1px solid #ac8249;box-shadow:0 12px 22px #31271725}
.progress div{background:#c59b58}
.install{background:#f5eddf;color:#805f34}
.toast{background:#1c1914;border:1px solid #b38e55}
.social-link{display:inline-flex;justify-content:center;text-decoration:none;align-items:center;gap:5px;border-radius:11px;padding:12px 17px;background:#191816;color:#eccc93;font-size:12px;font-weight:800;border:1px solid #bf9757}
.social-link:hover{background:#4c3924}
.notice{background:#fbf1df;color:#946e35;border:1px solid #efdbba}
@media(max-width:390px){.top{padding:12px 13px}.form-wordmark{width:143px}.form-brand small{font-size:12px}.iconbtn{width:36px;height:36px}.hero h2{font-size:42px}}
