@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";:root{--font-display: "Playfair Display", serif;--font-body: "Manrope", sans-serif;--text-primary: #f3f3f3;--text-muted: #adadad;font-family:var(--font-body);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#040404}.stylist-page{position:relative;min-height:100vh;padding:clamp(1.2rem,3vw,2.6rem);display:grid;grid-template-columns:1.08fr minmax(320px,520px);align-items:center;gap:clamp(1.2rem,3vw,3.2rem);color:var(--text-primary);overflow:hidden}.bg-layer{position:absolute;inset:0;z-index:-1;background:radial-gradient(1000px 560px at 88% -10%,rgba(255,255,255,.11),transparent 65%),radial-gradient(760px 500px at -8% 110%,rgba(255,255,255,.08),transparent 60%),linear-gradient(132deg,#020202,#0a0a0a,#030303)}.bg-layer:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 28px);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 16%,black 84%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 16%,black 84%,transparent 100%);opacity:.45}.intro-block{max-width:760px;padding:clamp(.2rem,2vw,1rem);animation:intro-fade .52s ease-out both}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:var(--text-muted)}.intro-block h1{margin:.8rem 0 0;font-family:var(--font-display);font-size:clamp(2rem,5.6vw,4.6rem);line-height:.98;font-weight:600;color:#fafafa;text-wrap:balance}.lead{margin:1.3rem 0 0;max-width:48ch;color:var(--text-muted);font-size:clamp(.95rem,1.2vw,1.08rem)}.intro-metrics{margin-top:2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.intro-metrics article{border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:.9rem .9rem .8rem;background:linear-gradient(180deg,#ffffff0d,#ffffff03);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.intro-metrics span{display:block;color:#f5f5f5;font-family:var(--font-display);font-size:1.35rem;line-height:1}.intro-metrics p{margin:.45rem 0 0;color:#b8b8b8;font-size:.82rem;letter-spacing:.03em}.form-shell{width:100%;animation:intro-fade .62s ease-out .11s both}.profile-form{width:100%;padding:clamp(1rem,2vw,1.8rem);border-radius:24px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(160deg,#fffffff2,#f2f2f2f0);box-shadow:0 18px 56px #0000006b,inset 0 1px #ffffffd9;display:grid;gap:1rem}.form-header h2{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,2.6vw,2.15rem);font-weight:600;color:#101010}.form-header p{margin:.28rem 0 0;color:#5b5b5b;font-size:.9rem}.field{display:grid;gap:.5rem}.label{color:#232323;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.11em}.photo-frame{border-radius:16px;overflow:hidden;background:#090909;min-height:clamp(210px,28vw,320px);border:1px solid #141414;display:grid;place-items:center}.placeholder{text-align:center;display:grid;gap:.34rem;color:#9f9f9f}.placeholder strong{color:#f0f0f0;font-size:.95rem;font-weight:600;letter-spacing:.02em}.placeholder span{font-size:.8rem}.preview-image{width:100%;height:100%;object-fit:cover}.field input[type=file]{width:100%;border-radius:11px;border:1px solid #c8c8c8;background:#fff;color:#242424;padding:.7rem .8rem}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.input-row{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #cdcdcd;background:#fff;border-radius:12px;padding-right:.7rem}.input-row input{width:100%;border:0;background:transparent;font-family:inherit;font-size:1rem;color:#0f0f0f;padding:.78rem .9rem}.input-row input:focus{outline:none}.input-row:focus-within{border-color:#151515;box-shadow:0 0 0 2px #15151517}.input-row span{font-size:.9rem;color:#656565}.submit-btn{border:0;border-radius:999px;background:linear-gradient(130deg,#060606,#1a1a1a);color:#f3f3f3;font-family:inherit;font-weight:600;font-size:.92rem;letter-spacing:.03em;padding:.95rem 1.2rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .18s ease}.submit-btn:hover:enabled{transform:translateY(-1px) scale(1.005);box-shadow:0 10px 24px #00000040}.submit-btn:disabled{opacity:.44;cursor:not-allowed}.success{margin:0;padding:.65rem .8rem;border-radius:10px;background:#efefef;color:#1d1d1d;font-size:.87rem}.error{margin:0;padding:.65rem .8rem;border-radius:10px;background:#222;color:#f8c9c9;font-size:.87rem}.report-box{margin-top:.2rem;border-radius:14px;border:1px solid #d0d0d0;background:#f7f7f7;overflow:hidden}.report-box h3{margin:0;padding:.75rem .95rem;border-bottom:1px solid #d9d9d9;font-size:.84rem;letter-spacing:.09em;text-transform:uppercase;color:#222}.report-box pre{margin:0;padding:1rem .95rem;white-space:pre-wrap;line-height:1.55;color:#111;font-size:.92rem;font-family:var(--font-body)}@keyframes intro-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.stylist-page{grid-template-columns:1fr;align-content:start}.intro-block{max-width:100%}.intro-block h1{max-width:14ch}.form-shell{max-width:760px}}@media(max-width:720px){.stylist-page{padding:1rem;gap:1.1rem}.intro-metrics,.metrics-grid{grid-template-columns:1fr}.profile-form{border-radius:20px}}
