:root{--bg:#090909;--bg-soft:#10100f;--surface:#ffffff09;--surface-strong:#ffffff0f;--text-main:#f1eee7;--text-muted:#aaa59b;--accent:#c8a96b;--accent-light:#ead6a7;--accent-dark:#8d7344;--border:#c8a96b38;--border-soft:#ffffff14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text-main);background:radial-gradient(circle at top,#c8a96b0e,#0000 30%),linear-gradient(#090909 0%,#0c0c0b 45%,#080808 100%);margin:0;font-family:DM Sans,sans-serif;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.025;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}.main-header{border-bottom:1px solid var(--border-soft);background-image:linear-gradient(90deg,#040404eb,#04040494,#040404c7),url(https://asset-hub.adel-euai.workers.dev/public/projects/exhibition/assets/banner);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:space-between;align-items:center;width:100%;min-height:220px;padding:30px clamp(30px,5vw,80px);display:flex;position:relative;overflow:hidden}.main-header:before{content:"";pointer-events:none;background:linear-gradient(#00000014,#000000b3);position:absolute;inset:0}.main-header:after{content:"";pointer-events:none;background:linear-gradient(#0000,#090909);width:100%;height:80px;position:absolute;bottom:0;left:0}.header-content{z-index:2;max-width:780px;position:relative}.gradient-text{letter-spacing:-.035em;color:var(--text-main);text-transform:none;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(2.8rem,5vw,4.8rem);font-weight:500;line-height:.9}.gradient-text:first-letter{color:var(--accent)}.title-underline{background:linear-gradient(90deg, var(--accent), #c8a96b59, transparent);width:clamp(180px,40vw,520px);height:1px;margin:30px 0}.subtitle{color:#f1eee7c7;letter-spacing:.02em;text-align:left;text-shadow:0 4px 30px #000000b3;max-width:700px;margin:0;font-size:clamp(1rem,1.3vw,1.15rem);font-weight:400;line-height:1.9}.nav-links{flex-wrap:wrap;gap:8px 24px;margin-top:45px;display:flex}.nav-links a{color:#f1eee7a6;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:500;text-decoration:none;transition:color .25s;position:relative}.nav-links a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s;position:absolute;bottom:-7px;left:0}.nav-links a:hover{color:var(--accent-light)}.nav-links a:hover:after{width:100%}.app-logo{z-index:3;object-fit:contain;opacity:.9;filter:drop-shadow(0 10px 20px #00000080);border-radius:0;width:85px;min-width:85px;height:85px;min-height:85px;margin-left:16px;transition:transform .35s,opacity .35s;position:relative}.app-logo:hover{opacity:1;transform:translateY(-4px)}.header-logos{z-index:3;align-items:center;gap:18px;margin-left:40px;display:flex;position:relative}.app-logo{object-fit:contain;opacity:.9;filter:drop-shadow(0 10px 20px #00000080);width:85px;height:85px;margin-left:0;transition:transform .35s,opacity .35s}.panel-grid-content{grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:clamp(28px,4vw,70px);width:min(1500px,100%);margin:0 auto;padding:80px clamp(24px,6vw,90px) 100px;display:grid;position:relative}.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:.28em;color:var(--accent);text-align:left;-webkit-text-fill-color:var(--accent);background:0 0;margin:0 0 28px;padding-bottom:16px;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:600;position:relative}.panel-title:after{content:"";background:linear-gradient(90deg, var(--border), transparent);width:100%;height:1px;position:absolute;bottom:0;left:0}.carousel{aspect-ratio:16/9;border:1px solid var(--border-soft);background:#111;width:100%;position:relative;overflow:hidden;box-shadow:0 40px 100px #0000008c}.carousel:before{content:"";z-index:2;pointer-events:none;border:1px solid #ffffff0d;position:absolute;inset:0}.carousel-track{height:100%;transition:transform .8s cubic-bezier(.22,.61,.36,1);display:flex}.carousel-track img{object-fit:cover;filter:brightness(.9)contrast(1.05);flex-shrink:0;width:100%;height:100%;transition:transform 1s}.carousel .nav-btn{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:44px;height:44px;color:var(--text-main);cursor:pointer;background:#05050559;border:1px solid #fff3;place-items:center;padding:0;font-size:1rem;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:#0b0b0a}.carousel .next{right:16px}.carousel .prev{left:16px}.cta-wrapper{justify-content:flex-start;margin-top:35px;display:flex}.primary-btn{border:1px solid var(--accent);min-width:240px;color:var(--accent-light);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:15px 30px;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:600;text-decoration:none;transition:color .35s,transform .35s;display:inline-flex;position:relative;overflow:hidden}.primary-btn:before{content:"";background:var(--accent);transform-origin:0;z-index:-1;transition:transform .4s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0;transform:scaleX(0)}.primary-btn:hover{color:#0b0b0a;transform:translateY(-3px)}.primary-btn:hover:before{transform:scaleX(1)}.pulse{animation:none}.features-wrapper{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);height:610px;position:relative;overflow:hidden}.features-wrapper:before,.features-wrapper:after{content:"";z-index:5;pointer-events:none;width:100%;height:80px;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(--border-soft);background:0 0;padding:28px 10px 30px;transition:padding-left .3s,background .3s;display:block;position:relative}.feature-card:before{content:"";background:var(--accent);width:3px;height:0;transition:height .35s;position:absolute;top:31px;left:0}.feature-card:hover{background:#ffffff04;padding-left:20px}.feature-card:hover:before{height:calc(100% - 60px)}.feature-icon{display:none}.feature-card h3{color:var(--text-main);letter-spacing:-.01em;margin:0 0 10px;font-family:Cormorant Garamond,serif;font-size:1.75rem;font-weight:500}.feature-card p{color:var(--text-muted);margin:0;font-size:.82rem;font-weight:400;line-height:1.8}.footer-container{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;width:min(1500px,100%);margin:0 auto;padding:30px clamp(24px,6vw,90px) 50px;display:flex}.footer-left,.footer-right{align-items:center;gap:12px;display:flex}.footer-built{color:#f1eee77a;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:500}.footer-separator{color:var(--accent);opacity:.7}.footer-logo{object-fit:cover;filter:grayscale()brightness(1.4);opacity:.7;border-radius:50%;width:32px;height:32px;transition:opacity .3s,transform .3s}.footer-right:hover .footer-logo{opacity:1;transform:rotate(8deg)}.tm-mark{color:var(--accent);font-size:.75rem;position:relative;top:-7px;right:0}.terms-card,.login-card{background:linear-gradient(145deg,#171614fa,#090908fc)!important;border:1px solid #c8a96b40!important;border-radius:0!important;box-shadow:0 40px 120px #000000bf,inset 0 1px #ffffff0a!important}.terms-kicker{color:var(--accent)!important;letter-spacing:.25em!important;font-size:.65rem!important}.terms-card h2,.login-card h2{color:var(--text-main);font-family:Cormorant Garamond,serif;letter-spacing:-.03em!important;font-size:2.5rem!important;font-weight:500!important}.terms-intro,.login-intro{color:var(--text-muted)!important}.login-input{color:var(--text-main)!important;background:#ffffff06!important;border:1px solid #ffffff1f!important;border-radius:0!important}.login-input:focus{box-shadow:0 0 0 3px #c8a96b14;border-color:var(--accent)!important}.terms-continue{font-family:DM Sans,sans-serif;background:var(--accent)!important;color:#0b0b0a!important;border:1px solid var(--accent)!important;letter-spacing:.15em!important;border-radius:0!important}.terms-continue:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 15px 40px #c8a96b2e!important}@media (width<=1024px){.panel-grid-content{grid-template-columns:1fr;padding-top:60px}.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;min-height:auto;padding:50px 25px 55px}.gradient-text{font-size:3.7rem}.subtitle{font-size:.95rem;line-height:1.8}.nav-links{gap:14px 18px}.app-logo{width:45px;height:45px;margin:25px 10px 0 0}.footer-container{flex-direction:column;align-items:flex-start;gap:20px}}@media (width<=480px){.gradient-text{font-size:3rem}.title-underline{margin:22px 0}.nav-links{flex-direction:column;gap:15px}.panel-grid-content{padding:50px 18px 70px}.carousel{aspect-ratio:4/3}.carousel .nav-btn{width:38px;height:38px}}
