:root{--color-bg: #000;--color-overlay: rgba(0, 0, 0, .55);--color-gold-100: #fff5e6;--color-gold-200: #ffe4b8;--color-gold-300: #ffd89b;--color-gold-400: #ffb85f;--color-gold-500: #ff9a56;--gradient-gold: linear-gradient(135deg, var(--color-gold-300), var(--color-gold-400), var(--color-gold-500));--color-cyan-100: #e6f7ff;--color-cyan-200: #b3e5fc;--color-cyan-300: #4facfe;--color-cyan-400: #00bcd4;--color-cyan-500: #0097a7;--gradient-cyan: linear-gradient(135deg, var(--color-cyan-300), var(--color-cyan-400), var(--color-cyan-500));--font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-weight-thin: 100;--font-weight-light: 300;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--duration-fast: .2s;--duration-normal: .5s;--duration-slow: .8s;--duration-expand: .6s;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--safe-area-top: env(safe-area-inset-top, 0);--safe-area-bottom: env(safe-area-inset-bottom, 0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{position:relative;min-height:100dvh;width:100%;overflow:hidden;background:var(--color-bg);font-family:var(--font-main);padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.app__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--color-bg);background-image:url(https://pub-ab4b8eb9b3764d20b7e79cc6e682aa5f.r2.dev/polar.PNG);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity var(--duration-slow) var(--ease-smooth);will-change:opacity;transform:translateZ(0)}.app__bg--loaded{opacity:.75}.app__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--color-overlay);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.app__container{position:relative;z-index:3;display:flex;flex-direction:column;width:100%;height:100dvh}@media(min-width:768px){.app__container{flex-direction:row}}.side{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:flex var(--duration-expand) var(--ease-smooth),opacity var(--duration-normal) var(--ease-smooth);will-change:flex;transform:translateZ(0);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}.side:active{opacity:.85;transition:opacity 50ms ease}.side:focus-visible{outline:3px solid var(--color-gold-300);outline-offset:-3px}.side--expanded{flex:3}.side--collapsed{flex:0;opacity:0;pointer-events:none}@media(hover:hover){.side:not(.side--expanded):not(.side--collapsed):hover .side__title{transform:scale(1.02)}}.side__content{position:relative;text-align:center;padding:var(--space-md)}.side__title{font-size:clamp(2.5rem,12vw,8rem);font-weight:var(--font-weight-thin);letter-spacing:.15em;text-transform:lowercase;line-height:1;margin:0;background-clip:text;-webkit-background-clip:text;color:transparent;background-size:200% 200%;opacity:0;animation:fadeIn 1.2s var(--ease-smooth) forwards;transition:transform var(--duration-normal) var(--ease-smooth);will-change:transform,opacity;transform:translateZ(0)}.side__title--gold{background-image:var(--gradient-gold);animation:fadeIn 1.2s var(--ease-smooth) forwards,gradientShift 8s ease-in-out infinite;text-shadow:0 0 60px rgba(255,180,100,.3)}.side__title--cyan{background-image:var(--gradient-cyan);animation:fadeIn 1.2s var(--ease-smooth) .15s forwards,gradientShift 8s ease-in-out infinite;animation-direction:normal,alternate;text-shadow:0 0 60px rgba(100,180,255,.3)}.side__subtitle{position:absolute;left:50%;transform:translate(-50%) translateY(-8px);width:100%;margin-top:var(--space-md);font-size:clamp(.7rem,2.5vw,1rem);font-weight:var(--font-weight-light);letter-spacing:.4em;text-transform:uppercase;opacity:0;transition:opacity var(--duration-normal) var(--ease-smooth),transform var(--duration-normal) var(--ease-smooth);will-change:opacity,transform}.side--ibiza .side__subtitle{color:var(--color-gold-200);text-shadow:0 0 20px rgba(255,180,100,.4)}.side--exposed .side__subtitle{color:var(--color-cyan-200);text-shadow:0 0 20px rgba(100,180,255,.4)}.side__subtitle--visible{opacity:1;transform:translate(-50%) translateY(0)}.divider{position:absolute;z-index:10;top:51.5%;left:var(--space-lg);right:var(--space-lg);height:1px;transform:translateY(-50%);transition:opacity var(--duration-normal) var(--ease-smooth)}@media(min-width:768px){.divider{top:var(--space-lg);bottom:var(--space-lg);left:50%;right:auto;width:1px;height:auto;transform:translate(-50%)}}.divider--hidden{opacity:0;pointer-events:none}.divider__line{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,transparent,var(--color-gold-400) 20%,var(--color-gold-200) 50%,var(--color-cyan-300) 80%,transparent)}@media(min-width:768px){.divider__line{background:linear-gradient(to bottom,transparent,var(--color-gold-400) 15%,var(--color-gold-200) 40%,var(--color-cyan-300) 60%,var(--color-cyan-400) 85%,transparent)}}.divider__glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:inherit;filter:blur(8px);opacity:.5;animation:pulse 4s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.side__title,.side__subtitle,.divider__glow,.app__bg{animation:none!important;transition:none!important}.side__title{opacity:1}.side{transition:flex var(--duration-fast) linear}}@media(prefers-contrast:high){.side__title--gold{background-image:none;color:#fc0}.side__title--cyan{background-image:none;color:#0cf}.divider__line{background:#fff}}@media print{.app__bg,.app__overlay,.divider{display:none}.app{background:#fff}.side__title{color:#000!important;background:none!important;-webkit-text-fill-color:#000}}
