@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap";:root{--bg-deep: #181411;--bg-card: rgba(22, 18, 15, .68);--gold: #f0bc86;--gold-dim: rgba(240, 188, 134, .35);--gold-glow: rgba(240, 188, 134, .12);--text-primary: #f8f4ec;--text-secondary: rgba(248, 244, 236, .55);--text-muted: rgba(248, 244, 236, .3);--border: rgba(255, 255, 255, .08);--border-hover: rgba(240, 188, 134, .3);--radius: 20px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);background:var(--bg-deep);line-height:1.5;font-weight:300;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(240,188,134,.08),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(180,120,60,.06),transparent),var(--bg-deep)}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px}.page-grid{display:grid;grid-template-columns:48px 1fr 48px;gap:32px;align-items:center;max-width:620px;width:100%;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.accent-strip{display:flex;flex-direction:column;align-items:center;gap:16px;opacity:0;animation:slideIn .6s ease-out .3s forwards}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.accent-text{writing-mode:vertical-rl;text-orientation:mixed;font-family:Cormorant Garamond,serif;font-size:.7rem;font-weight:300;letter-spacing:.35em;color:var(--text-muted);text-transform:uppercase}.accent-line{width:1px;height:80px;background:linear-gradient(to bottom,var(--gold-dim),transparent)}.editorial-strip{display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;animation:slideIn .6s ease-out .5s forwards}.editorial-number{font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:300;color:var(--gold-dim);line-height:1}.editorial-dash{width:1px;height:40px;background:var(--border)}.editorial-label{writing-mode:vertical-rl;font-size:.65rem;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase}.profile-form{display:flex;flex-direction:column;gap:36px;padding:48px 40px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 80px #00000059,inset 0 1px #ffffff0a}.form-header{text-align:center}.eyebrow{display:inline-block;margin-bottom:16px;padding:6px 20px;border:1px solid var(--gold-dim);border-radius:100px;color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:.68rem;font-weight:500}.form-title{font-family:Cormorant Garamond,serif;font-size:clamp(2rem,5vw,3rem);font-weight:300;line-height:1.15;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:16px}.form-subtitle{font-size:.92rem;color:var(--text-secondary);max-width:36ch;margin:0 auto;line-height:1.7}.photo-upload{position:relative;aspect-ratio:3 / 4;max-height:420px;margin:0 auto;width:100%;max-width:315px;border:1px dashed var(--text-muted);border-radius:16px;cursor:pointer;overflow:hidden;transition:border-color .4s ease,box-shadow .4s ease}.photo-upload:hover,.photo-upload:focus-visible{border-color:var(--gold-dim);box-shadow:0 0 40px var(--gold-glow);outline:none}.photo-upload.dragging{border-color:var(--gold);box-shadow:0 0 60px var(--gold-glow);background:#f0bc8608}.photo-upload.has-photo{border:1px solid var(--border)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;padding:32px}.upload-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;color:var(--text-muted);transition:color .3s,border-color .3s,transform .3s}.photo-upload:hover .upload-icon{color:var(--gold);border-color:var(--gold-dim);transform:scale(1.05)}.upload-label{font-family:Cormorant Garamond,serif;font-size:1.2rem;color:var(--text-secondary)}.upload-hint{font-size:.75rem;color:var(--text-muted);letter-spacing:.04em}.photo-preview-wrapper{position:relative;width:100%;height:100%}.photo-preview{width:100%;height:100%;object-fit:cover;display:block}.photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#18141199;opacity:0;transition:opacity .35s ease}.photo-upload:hover .photo-overlay{opacity:1}.photo-change-text{padding:10px 24px;border:1px solid var(--gold-dim);border-radius:100px;color:var(--gold);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.corner-accent{position:absolute;width:20px;height:20px;border-color:var(--gold-dim);border-style:solid;border-width:0;transition:border-color .3s}.photo-upload:hover .corner-accent{border-color:var(--gold)}.corner-accent.top-left{top:12px;left:12px;border-top-width:1px;border-left-width:1px}.corner-accent.top-right{top:12px;right:12px;border-top-width:1px;border-right-width:1px}.corner-accent.bottom-left{bottom:12px;left:12px;border-bottom-width:1px;border-left-width:1px}.corner-accent.bottom-right{bottom:12px;right:12px;border-bottom-width:1px;border-right-width:1px}.measurements{display:flex;align-items:flex-end;gap:24px}.input-group{flex:1;display:flex;flex-direction:column;gap:8px}.input-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);font-weight:500}.input-wrapper{display:flex;align-items:baseline;gap:8px}.measurement-input{width:100%;background:transparent;border:none;outline:none;font-family:Cormorant Garamond,serif;font-size:2.4rem;font-weight:300;color:var(--text-primary);caret-color:var(--gold);-moz-appearance:textfield}.measurement-input::-webkit-outer-spin-button,.measurement-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.measurement-input::placeholder{color:var(--text-muted)}.input-unit{font-size:.85rem;color:var(--text-muted);letter-spacing:.06em;flex-shrink:0}.input-underline{height:1px;background:var(--border);transition:background .3s}.input-group:focus-within .input-underline{background:linear-gradient(to right,var(--gold-dim),transparent)}.input-divider{display:flex;align-items:center;justify-content:center;padding-bottom:14px;flex-shrink:0}.divider-diamond{width:6px;height:6px;border:1px solid var(--text-muted);transform:rotate(45deg)}.submit-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:18px 32px;border:1px solid var(--border);border-radius:14px;background:transparent;color:var(--text-muted);cursor:not-allowed;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--gold),#d4956a);opacity:0;transition:opacity .5s ease}.submit-btn.active{border-color:var(--gold);color:var(--bg-deep);cursor:pointer}.submit-btn.active:before{opacity:1}.submit-btn.active:hover{transform:translateY(-2px);box-shadow:0 12px 40px #f0bc8640}.submit-btn.active:active{transform:translateY(0)}.btn-text,.btn-arrow{position:relative;z-index:1}.btn-arrow{display:flex;transition:transform .3s ease}.submit-btn.active:hover .btn-arrow{transform:translate(4px)}@media (max-width: 640px){.app-shell{padding:24px 12px}.page-grid{grid-template-columns:1fr;gap:0}.accent-strip,.editorial-strip{display:none}.profile-form{padding:32px 24px;gap:28px}.form-title{font-size:2rem}.photo-upload{max-height:360px}.measurement-input{font-size:2rem}}
