@import url("https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700,800&display=swap");

:root{font-family:"General Sans",Arial,sans-serif;color:#0a0a0a;background:#fff;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:280px}
a{color:inherit}

/* Public SHOTX.NET */
.landing-page{min-height:100svh;background:#fbfbfa;color:#090909}
.landing-header{height:111px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,6.1vw,104px);border-bottom:1px solid #e9e9e7;background:rgba(255,255,255,.78)}
.landing-brand{display:flex;align-items:baseline;text-decoration:none;font-size:28px;letter-spacing:-.055em}
.landing-brand strong{font-weight:800}.landing-brand span{color:#5f5f5e;font-weight:400}
.landing-user{min-height:30px;display:flex;align-items:center;gap:15px;padding-left:41px;border-left:1px solid #d7d7d4;font-size:13px;font-weight:500;letter-spacing:.18em;text-decoration:none}
.landing-user span{font-size:19px;line-height:1;transition:transform .2s ease}.landing-user:hover span{transform:translateY(2px)}
.landing-main{width:min(100%,1556px);min-height:auto;margin:0 auto;padding:78px clamp(28px,4.8vw,74px) 0;display:block}
.section-label{margin:0 0 25px 13px;color:#737372;font-size:13px;font-weight:500;letter-spacing:.31em}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1vw,14px)}
.product-card{position:relative;min-width:0;min-height:clamp(142px,11.5vw,166px);display:grid;grid-template-columns:clamp(42px,4.3vw,68px) 1px minmax(0,1fr) clamp(30px,3vw,44px);align-items:center;gap:clamp(8px,1vw,18px);padding:clamp(20px,2.1vw,30px) clamp(14px,1.7vw,26px);overflow:hidden;border:1px solid #e3e3e0;border-radius:15px;background:#fff;box-shadow:0 12px 28px rgba(20,20,18,.035);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.product-card:hover{transform:translateY(-3px);border-color:#d5d5d1;box-shadow:0 17px 34px rgba(20,20,18,.07)}
.product-card:focus-visible,.workroom-card:focus-visible,.landing-user:focus-visible{outline:2px solid #e30613;outline-offset:4px}
.brand-icon{width:clamp(42px,4.3vw,62px);height:clamp(42px,4.3vw,62px);flex:0 0 auto}
.portfolio-icon{display:grid;place-items:center;border-radius:7px;background:#050505;color:#fff;font-size:43px;font-weight:800;line-height:1;box-shadow:inset 0 0 8px rgba(255,255,255,.2)}
.gallery-icon{width:58px;height:58px;fill:none;stroke:#090909;stroke-width:3.2}.gallery-icon .accent-stroke{stroke:#e30613}
.canonical-crop{position:relative;display:block;overflow:hidden}.canonical-crop img{position:absolute;max-width:none;height:auto}
.contratex-icon{border-radius:10px;background:#fcfbf8}.contratex-icon img{width:1270.18%;left:-301.75%;top:-464.91%}
.promos-icon{width:clamp(40px,4vw,57px);height:clamp(40px,4vw,57px);background:#ed111a;-webkit-mask:url('/brand/promos-x.png') center/contain no-repeat;mask:url('/brand/promos-x.png') center/contain no-repeat}
.card-separator{width:1px;height:clamp(48px,4.7vw,68px);background:#ddddda}
.product-copy{display:flex;min-width:0;flex-direction:column}
.product-copy strong{font-size:clamp(18px,1.85vw,27px);font-weight:800;letter-spacing:-.055em;line-height:1;white-space:nowrap}
.product-copy small{margin-top:clamp(7px,.7vw,10px);color:#555557;font-size:clamp(8px,.75vw,11px);font-weight:500;letter-spacing:.24em;line-height:1;white-space:nowrap}
.portfolio-wordmark strong span{color:#e30613}
.gallery-wordmark small i{display:inline-block;width:4px;height:4px;margin-left:4px;vertical-align:1px;background:#e30613}
.contratex-lockup>strong{font-size:clamp(10px,.9vw,13px);font-weight:700;letter-spacing:.04em}.contratex-wordmark{width:min(100%,140px);height:auto;margin-top:5px;aspect-ratio:3.15/1}.contratex-wordmark img{width:561.24%;left:-436.43%;top:-516.75%}
.promos-wordmark strong span{color:#e30613}
.card-arrow{width:clamp(30px,3vw,42px);height:clamp(30px,3vw,42px);display:grid;place-items:center;border:1px solid #dededb;border-radius:50%;color:#60605e;font-size:clamp(18px,1.7vw,24px);font-weight:300;transition:transform .2s ease,border-color .2s ease,color .2s ease}
.product-card:hover .card-arrow{transform:translateX(3px);border-color:#c9c9c5;color:#e30613}
.workroom-card{position:relative;min-height:315px;display:flex;align-items:center;justify-content:space-between;margin-top:86px;padding:50px 45px 50px 68px;overflow:hidden;border:1px solid #dededb;border-radius:15px;background:#fff;color:#050505;text-decoration:none;box-shadow:0 15px 35px rgba(20,20,18,.025)}
.workroom-watermark{position:absolute;right:3%;top:50%;color:#0a0a0a;font-size:450px;font-weight:800;letter-spacing:-.17em;line-height:.7;opacity:.025;transform:translateY(-50%);user-select:none}
.workroom-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}
.workroom-x{color:#ed111a;font-size:50px;font-weight:800;line-height:1}
.workroom-title{margin-top:18px;font-size:clamp(48px,5.1vw,77px);font-weight:800;letter-spacing:-.065em;line-height:.9}
.workroom-enter{position:relative;z-index:1;min-width:239px;height:80px;display:flex;align-items:center;justify-content:center;gap:25px;border:1px solid #dededb;border-radius:44px;background:rgba(255,255,255,.88);font-size:16px;font-weight:600;letter-spacing:.14em;box-shadow:0 13px 24px rgba(20,20,18,.04);transition:border-color .2s ease,transform .2s ease}
.workroom-enter span{color:#ed111a;font-size:36px;font-weight:300;line-height:1;transition:transform .2s ease}.workroom-card:hover .workroom-enter{transform:translateY(-2px);border-color:#cfcfcb}.workroom-card:hover .workroom-enter span{transform:translateX(4px)}
.landing-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:48px;padding:78px 74px 48px;color:#6b6b6a}
.landing-footer span{height:1px;background:#dededb}.landing-footer p{margin:0;font-size:12px;font-weight:500;letter-spacing:.29em}

/* Shared authenticated pages */
body:not(.landing-page)>main{min-height:100svh;display:grid;place-items:center;padding:48px 24px}
.entrances{width:min(100%,440px);display:grid;gap:20px}.entrance{width:100%;min-height:132px;border:1px solid #0a0a0a;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;text-decoration:none;color:inherit;background:#fff;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.entrance:hover{background:#f7f7f7;border-color:#e30613}.entrance:active{background:#eee;transform:translateY(1px)}.entrance:focus-visible{outline:3px solid #e30613;outline-offset:4px}.wordmark{font-size:clamp(31px,8vw,43px);font-weight:800;letter-spacing:-.01em;line-height:1;color:#0a0a0a}.wordmark .red{color:#e30613}.label{font-size:14px;font-weight:600;letter-spacing:.18em;line-height:1.2;margin-top:8px}.login-state{margin:10px 0 0;font-size:13px;font-weight:600;letter-spacing:.16em;text-align:center}
nav.entrances{width:min(100%,400px);gap:18px}nav .entrance{min-height:116px;padding:16px}nav .wordmark{font-family:"General Sans",-apple-system,"Helvetica Neue",Arial,sans-serif;font-size:clamp(31px,8vw,39px);font-weight:800;letter-spacing:-.01em;line-height:1;-webkit-text-stroke:.4px #0a0a0a}nav .wordmark .red{-webkit-text-stroke-color:#e30613}

@media(max-width:1240px){.workroom-card{margin-top:66px}}
@media(max-width:800px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{min-height:150px}.landing-header{height:88px;padding:0 22px}.landing-brand{font-size:23px}.landing-user{padding-left:20px;font-size:9px;letter-spacing:.12em}.landing-main{padding:60px 20px 0}.section-label{margin-left:2px}.workroom-card{min-height:270px;align-items:flex-start;flex-direction:column;margin-top:54px;padding:39px 33px}.workroom-x{font-size:38px}.workroom-title{font-size:42px}.workroom-enter{min-width:183px;height:60px;align-self:flex-end;margin-top:42px;font-size:13px}.landing-footer{gap:21px;padding:55px 20px 30px}.landing-footer p{font-size:10px;letter-spacing:.2em}}
@media(max-width:560px){.product-grid{gap:10px}.product-card{min-height:148px;grid-template-columns:40px 1px minmax(0,1fr);gap:8px;padding:16px 13px 38px}.brand-icon{width:40px;height:40px}.portfolio-icon{font-size:27px}.gallery-icon,.promos-icon{width:39px;height:39px}.card-separator{height:44px}.product-copy strong{font-size:17px}.product-copy small{margin-top:7px;font-size:7px;letter-spacing:.18em}.contratex-wordmark{width:76px}.card-arrow{position:absolute;right:12px;bottom:11px;width:27px;height:27px;font-size:17px}.workroom-title{font-size:36px}.workroom-enter{align-self:stretch}.landing-footer{grid-template-columns:1fr auto 1fr;gap:14px}}
@media(max-width:480px){body:not(.landing-page)>main{padding:36px 20px}.entrances{gap:16px}.entrance{min-height:116px}nav.entrances{gap:16px}nav .entrance{min-height:104px;padding:14px}}
@media(prefers-reduced-motion:reduce){.product-card,.card-arrow,.landing-user span,.workroom-enter,.workroom-enter span,.entrance{transition:none}}