yaya
94899e69d3
Preserve hosted website UX inside Archipelago, add isolated Business and owner-authorized native wallet setup, and include deployment handoff. Based on main with native signer import already accepted.
9 lines
4.8 KiB
CSS
9 lines
4.8 KiB
CSS
:root{--orange:#ff4f1f;--black:#080808;--ink:#101010;--muted:#72726e;--line:#dcdcd7;font-family:var(--jw-font-sans,"Geist Variable",Inter,system-ui,sans-serif)}*{box-sizing:border-box}html{background:var(--black)}body{margin:0;background:#f5f5f1;color:var(--ink)}a{color:inherit}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,56px);background:var(--black);color:#fff}header>a:last-child{margin-left:auto;padding:9px 13px;border:1px solid #393939;border-radius:99px;text-decoration:none;font-size:11px;font-weight:800}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900}.brand [data-logo]{width:26px}.brand b{font-size:16px;font-weight:900}.brand small{display:inline;font-size:16px;font-weight:900;color:inherit;letter-spacing:0;text-transform:none}.brand small:before{content:"·";color:#90908d;margin:0 9px}.profile-hero{position:relative;min-height:clamp(280px,38vw,500px);display:flex;align-items:flex-end;padding:clamp(28px,5vw,68px);overflow:hidden;color:#fff;background:#111 var(--hero,linear-gradient(135deg,#252525,#090909)) center/cover}.wash{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.93),rgba(0,0,0,.08) 75%)}.profile-hero>div:last-child{position:relative;z-index:1}.profile-hero p,.form-head p{margin:0;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.profile-hero h1{margin:12px 0;font-family:var(--jw-font-display,"Syne Variable");font-size:clamp(52px,9vw,120px);line-height:.8;letter-spacing:-.06em}.profile-hero span{display:block;max-width:80vw;overflow:hidden;text-overflow:ellipsis;color:#aaa;font-size:10px}form{padding:clamp(46px,7vw,90px) clamp(18px,4vw,56px)}.form-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.form-head h2{max-width:780px;margin:10px 0 0;font-family:var(--jw-font-display,"Syne Variable");font-size:clamp(42px,6vw,78px);line-height:.88;letter-spacing:-.055em}.form-head>span{max-width:350px;color:var(--muted);line-height:1.5}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fields>section{padding:clamp(22px,3vw,36px);border:1px solid var(--line);background:#fff}.fields h3{margin:0 0 26px;font-family:var(--jw-font-display,"Syne Variable");font-size:30px;letter-spacing:-.04em}.fields label{display:block;margin-top:17px;color:#777;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.fields input,.fields textarea{width:100%;margin-top:7px;padding:14px;border:1px solid var(--line);border-radius:0;background:#f1f1ed;color:#111;font:inherit;font-size:15px;outline:none;text-transform:none;letter-spacing:0;resize:vertical}.fields input:focus,.fields textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,79,31,.12)}.fields input[readonly]{color:#888}.lightning{border-color:#f2a38d!important}.hint{margin:16px 0 0;color:#858580;font-size:11px;line-height:1.5}.or{height:22px;display:flex;align-items:center;margin:12px 0 -5px;color:#aaa;font-size:9px;text-transform:uppercase}.or:before,.or:after{content:"";height:1px;flex:1;background:var(--line)}.or span{padding:0 10px}.submit-row{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:18px;padding:22px;background:var(--black);color:#fff}.submit-row p{margin:0;color:#aaa;font-size:12px}.submit-row p.error{color:#ff8b6b}.submit-row button{min-width:220px;display:flex;justify-content:space-between;padding:16px 18px;border:0;background:var(--orange);color:#fff;font-weight:900}.submit-row button:disabled{opacity:.6}.loading,.failure{min-height:100vh;display:grid;place-content:center;text-align:center;padding:25px;background:var(--black);color:#fff}.loading span,.failure span{font-size:70px}.failure h1{max-width:760px;font-family:var(--jw-font-display,"Syne Variable");font-size:clamp(44px,8vw,90px)}@media(max-width:720px){header{height:66px}.profile-hero{min-height:260px}.fields{grid-template-columns:1fr}.form-head{display:block}.form-head>span{display:block;margin-top:18px}.submit-row{position:sticky;bottom:0;display:block;margin-left:-18px;margin-right:-18px;padding:16px 18px}.submit-row button{width:100%;margin-top:12px}.profile-hero h1{font-size:16vw}}
|
|
.profile-back{padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:99px;color:inherit;text-decoration:none;font-size:11px;font-weight:800}
|
|
.jw-topbar{color:#fff}
|
|
.jw-topbar .brand small,.jw-topbar .brand small:before{color:#90908d!important}
|
|
.jw-topbar .links a{color:rgba(255,255,255,.76)}
|
|
.jw-topbar .links a:hover{background:rgba(255,255,255,.08)}
|
|
[data-topbar].is-scrolled{border-bottom-color:rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(8,8,8,.72),rgba(8,8,8,.45));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
|
|
.jw-topbar .brand>[data-logo]{width:var(--jw-app-icon-size)!important;height:var(--jw-app-icon-size)!important;margin:0!important}
|