:root{--bg:#e9e7e2;--bg-soft:#dedbd4;--surface:#f2f0eb;--surface-strong:#e4e1da;--text-main:#20211f;--text-muted:#66655f;--text-soft:#85837c;--accent:#8b4f3d;--accent-light:#a96853;--accent-dark:#63382d;--line:#20211f29;--line-soft:#20211f17;--line-strong:#20211f47;--shadow:0 30px 80px #1c1c191f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text-main);background:linear-gradient(90deg,#0000 0 calc(50% - .5px),#20211f0b 50%,#0000 calc(50% + .5px) 100%),linear-gradient(#eeece7 0%,#e9e7e2 48%,#dfdcd5 100%);margin:0;font-family:DM Sans,sans-serif;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:999;opacity:.32;background-image:linear-gradient(#20211f06 1px,#0000 1px),linear-gradient(90deg,#20211f06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.main-header{background-color:#0000;background-image:linear-gradient(90deg,#141513f0,#141513b8,#1415138a),url(https://asset-hub.adel-euai.workers.dev/public/projects/visual-arts-complex/assets/banner);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:flex-end;width:100%;min-height:430px;padding:70px clamp(30px,6vw,100px) 65px;display:flex;position:relative;overflow:hidden}.main-header:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0 12%,#ffffff14 12% 12.08%,#0000 12.08% 24%,#ffffff0b 24% 24.06%,#0000 24.06% 100%);position:absolute;inset:0}.main-header:after{content:"";pointer-events:none;background:#ffffff4d;width:100%;height:1px;position:absolute;bottom:0;left:0}.header-content{z-index:2;max-width:900px;position:relative}.gradient-text{letter-spacing:-.055em;color:#f2f0eb;text-transform:none;margin:0;font-family:DM Sans,sans-serif;font-size:clamp(2.6rem,5vw,5.5rem);font-weight:500;line-height:.92}.gradient-text:first-letter{color:#d58c72}.title-underline{background:linear-gradient(90deg,#c57a60,#c57a6059,#0000);width:clamp(150px,34vw,460px);height:1px;margin:30px 0 24px}.subtitle{color:#f2f0ebb8;letter-spacing:.015em;text-align:left;max-width:760px;margin:0;font-size:clamp(.95rem,1.2vw,1.08rem);font-weight:400;line-height:1.9}.nav-links{flex-wrap:wrap;gap:8px 26px;margin-top:42px;display:flex}.nav-links a{color:#f2f0eb94;letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:600;text-decoration:none;transition:color .25s;position:relative}.nav-links a:after{content:"";background:#d58c72;width:0;height:1px;transition:width .3s;position:absolute;bottom:-7px;left:0}.nav-links a:hover{color:#f2f0eb}.nav-links a:hover:after{width:100%}.header-logos{z-index:3;align-items:center;gap:22px;margin-left:40px;display:flex;position:relative}.app-logo{object-fit:contain;opacity:.82;filter:grayscale(.35)contrast(1.05)drop-shadow(0 12px 25px #0000004d);width:74px;height:74px;transition:transform .35s,opacity .35s}.app-logo:hover{opacity:1;transform:translateY(-5px)}.panel-grid-content{grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:clamp(40px,6vw,100px);width:min(1500px,100%);margin:0 auto;padding:100px clamp(24px,6vw,90px) 110px;display:grid;position:relative}.panel-grid-content:before{content:"";background:var(--line-soft);width:1px;height:100%;position:absolute;top:0;left:clamp(24px,6vw,90px)}.panel-box{background:0 0;border:none;border-radius:0;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.panel-title{letter-spacing:.24em;color:var(--text-main);text-align:left;-webkit-text-fill-color:var(--text-main);background:0 0;margin:0 0 32px;padding-bottom:14px;font-family:DM Sans,sans-serif;font-size:.66rem;font-weight:700;position:relative}.panel-title:before{content:"";background:var(--accent);width:22px;height:1px;margin:0 12px 3px 0;display:inline-block}.panel-title:after{content:"";background:linear-gradient(90deg, var(--line-strong), transparent);width:100%;height:1px;position:absolute;bottom:0;left:0}.carousel{aspect-ratio:16/9;border:1px solid var(--line-strong);width:100%;box-shadow:var(--shadow);background:#242521;position:relative;overflow:hidden}.carousel:before{content:"";z-index:2;pointer-events:none;border:1px solid #ffffff29;position:absolute;inset:18px}.carousel:after{content:"";pointer-events:none;z-index:3;border-bottom:1px solid #ffffff4d;border-right:1px solid #ffffff4d;width:45px;height:45px;position:absolute;bottom:18px;right:18px}.carousel-track{height:100%;transition:transform .8s cubic-bezier(.22,.61,.36,1);display:flex}.carousel-track img{object-fit:cover;filter:brightness(.84)contrast(1.04);flex-shrink:0;width:100%;height:100%;transition:transform 1s}.carousel .nav-btn{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f2f0eb;cursor:pointer;background:#1415136b;border:1px solid #ffffff47;place-items:center;width:46px;height:46px;padding:0;font-size:.9rem;transition:background .25s,border-color .25s,color .25s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel .nav-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.carousel .next{right:18px}.carousel .prev{left:18px}.cta-wrapper{justify-content:flex-start;margin-top:34px;display:flex}.primary-btn{border:1px solid var(--text-main);background:var(--text-main);color:#f2f0eb;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;min-width:250px;padding:16px 30px;font-family:DM Sans,sans-serif;font-size:.68rem;font-weight:700;text-decoration:none;transition:color .35s,background .35s,border-color .35s,transform .35s;display:inline-flex;position:relative;overflow:hidden}.primary-btn:before{content:"";background:var(--accent);transition:transform .4s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0;transform:translate(-101%)}.primary-btn span{z-index:2;position:relative}.primary-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.primary-btn:hover:before{transform:translate(0)}.pulse{animation:none}.features-wrapper{border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:610px;position:relative;overflow:hidden}.features-wrapper:before,.features-wrapper:after{content:"";z-index:5;pointer-events:none;width:100%;height:70px;position:absolute;left:0}.features-wrapper:before{background:linear-gradient(var(--bg), transparent);top:0}.features-wrapper:after{background:linear-gradient(transparent, var(--bg));bottom:0}.features-grid{flex-direction:column;gap:0;animation:35s linear infinite scrollCards;display:flex}@keyframes scrollCards{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.feature-card{border:none;border-bottom:1px solid var(--line-soft);background:0 0;min-height:155px;padding:28px 18px 30px 52px;transition:padding-left .35s,background .35s;display:block;position:relative}.feature-card:before{content:"";border:1px solid var(--accent);width:18px;height:18px;transition:width .35s,height .35s,background .35s;position:absolute;top:30px;left:18px}.feature-card:after{content:"";background:var(--accent);width:1px;height:0;transition:height .35s;position:absolute;top:39px;left:27px}.feature-card:hover{background:#20211f09;padding-left:62px}.feature-card:hover:before{background:#8b4f3d14;width:26px;height:26px}.feature-card:hover:after{height:26px}.feature-icon{display:none}.feature-card h3{color:var(--text-main);letter-spacing:-.025em;margin:0 0 10px;font-family:DM Sans,sans-serif;font-size:clamp(1.15rem,1.8vw,1.5rem);font-weight:600}.feature-card p{max-width:500px;color:var(--text-muted);margin:0;font-size:.78rem;font-weight:400;line-height:1.85}.footer-container{border-top:1px solid var(--line-strong);justify-content:space-between;align-items:center;width:min(1500px,100%);margin:0 auto;padding:32px clamp(24px,6vw,90px) 50px;display:flex}.footer-left,.footer-right{align-items:center;gap:12px;display:flex}.footer-built{color:var(--text-soft);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:600}.footer-separator{color:var(--accent);opacity:.8}.footer-logo{object-fit:cover;filter:grayscale()contrast(1.1);opacity:.65;border-radius:0;width:30px;height:30px;transition:opacity .3s,transform .3s}.footer-right:hover .footer-logo{opacity:1;transform:translateY(-2px)}.tm-mark{color:var(--accent);font-size:.7rem;position:relative;top:-6px}.terms-card,.login-card{color:var(--text-main)!important;border:1px solid var(--line-strong)!important;background:#eeece7!important;border-radius:0!important;box-shadow:0 35px 100px #14151347!important}.terms-backdrop,.login-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141513b8!important}.terms-close,.login-close{color:#77756f!important}.terms-close:hover,.login-close:hover{color:var(--text-main)!important}.terms-kicker{color:var(--accent)!important;letter-spacing:.22em!important;font-size:.62rem!important}.terms-card h2,.login-card h2{color:var(--text-main);font-family:DM Sans,sans-serif;letter-spacing:-.045em!important;font-size:2.25rem!important;font-weight:500!important}.terms-intro,.login-intro{color:var(--text-muted)!important}.terms-check{border:1px solid var(--line)!important;color:var(--text-muted)!important;background:#20211f06!important;border-radius:0!important}.checkmark{border-color:#88857d!important;border-radius:0!important}.terms-check input:checked+.checkmark{background:var(--accent)!important;border-color:var(--accent)!important}.terms-check input:checked+.checkmark:after{color:#fff!important}.terms-check a{color:var(--accent)!important}.login-input{color:var(--text-main)!important;border:1px solid var(--line-strong)!important;background:#f6f4ef!important;border-radius:0!important}.login-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #8b4f3d14!important}.login-card label{color:var(--text-muted)!important}.terms-continue{background:var(--text-main)!important;color:#f2f0eb!important;border:1px solid var(--text-main)!important;border-radius:0!important}.terms-continue:not(:disabled):hover{transform:translateY(-2px);background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;box-shadow:0 15px 40px #8b4f3d2e!important}.terms-footnote{color:var(--text-soft)!important}@media (width<=1024px){.panel-grid-content{grid-template-columns:1fr;padding-top:70px}.panel-grid-content:before{display:none}.features-wrapper{height:auto;overflow:visible}.features-wrapper:before,.features-wrapper:after{display:none}.features-grid{animation:none}.features-grid .feature-card:nth-child(n+6){display:none}}@media (width<=768px){.main-header{flex-wrap:wrap;align-items:flex-start;min-height:auto;padding:55px 25px 60px}.gradient-text{font-size:3.6rem}.subtitle{font-size:.92rem;line-height:1.8}.nav-links{gap:14px 20px}.header-logos{gap:14px;width:100%;margin:35px 0 0}.app-logo{width:48px;height:48px}.footer-container{flex-direction:column;align-items:flex-start;gap:20px}}@media (width<=480px){.gradient-text{font-size:2.9rem}.title-underline{margin:22px 0}.nav-links{flex-direction:column;gap:15px}.panel-grid-content{padding:55px 18px 75px}.carousel{aspect-ratio:4/3}.carousel:before{inset:10px}.carousel .nav-btn{width:38px;height:38px}.feature-card{padding:26px 14px 28px 48px}.feature-card:hover{padding-left:52px}}
