@tailwind base;@tailwind components;@tailwind utilities;:root{--color-ink-night: #0B1220;--color-deep-ink: #1F2937;--color-steel-blue: #4E6170;--color-mist-blue: #7C93A3;--gradient-sky: linear-gradient(to right, #8CA0AF, #5A6E7D);--color-pearl-ash: #F2F4F7;--color-pale-mist: #C4D0DA;--color-cool-mist: #9CAFBF;--color-signal-red: #EF4444;--color-alpine-spruce: #1C4A3E}html.dark{filter:invert(1) hue-rotate(180deg);background-color:#0e1118}html.dark img,html.dark video,html.dark .no-invert{filter:invert(1) hue-rotate(180deg)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;color:#0b1220}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c4d0da;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9cafbf}.headline-xl{background-image:radial-gradient(circle at 50% 0%,#0b1220,#4e6170 52%,#1f2937);-webkit-background-clip:text;background-clip:text;color:transparent}.primary-button-gradient{background-image:linear-gradient(to bottom,#7c93a3,#4e6170);color:#fff;border:1px solid rgba(0,0,0,.2);box-shadow:0 2px 5px #0000001a,inset 0 1px 1px #fff3;transition-property:background-image,box-shadow,transform;transition-duration:.2s}.primary-button-gradient:hover{background-image:linear-gradient(to bottom,#8ca0af,#5a6e7d);box-shadow:0 4px 12px #00000026,inset 0 1px 1px #fff3}.primary-button-gradient:active{background-image:linear-gradient(to top,#7c93a3,#4e6170)}.secondary-button-style{background-color:#ffffff80;border:1px solid rgba(0,0,0,.08);color:#1f2937;box-shadow:0 1px 2px #0000000d;transition-property:background-color,border-color,box-shadow,transform;transition-duration:.2s}.secondary-button-style:hover{background-color:#fffc;border-color:#0000001f;box-shadow:0 4px 12px #0000001a}@keyframes springFill{0%{transform:scale(0)}50%{transform:scale(1.6)}75%{transform:scale(.9)}to{transform:scale(1)}}.animate-spring-fill{animation:springFill .8s cubic-bezier(.175,.885,.32,1.275) both}.island-scene-container{perspective:1200px;transform-style:preserve-3d;width:100%;min-height:800px;position:relative;overflow:visible;margin-bottom:2rem}.island-tilt-layer{width:100%;height:800px;transform-style:preserve-3d;position:relative;transition:transform .1s linear}.island-card-wrapper{position:absolute;transform-style:preserve-3d;will-change:transform,opacity,filter;transform:translate(-50%,-50%) translate3d(var(--dx, 0),var(--dy, 0),var(--dz, 0)) rotate(calc(var(--dr, 0deg) + var(--idle-rot, 0deg))) translateY(var(--idle-y, 0px));transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .3s ease,filter .3s ease;width:220px;height:260px}.island-scene-container.is-awakened .island-card-wrapper{transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s ease,filter .3s ease}.island-card-wrapper:after{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-40px;z-index:-1}.island-scene-container:has(.island-card-wrapper:hover) .island-card-wrapper:not(:hover):not(.clicked):not(.dismissed){transform:translate(-50%,-50%) translate3d(var(--dx, 0),var(--dy, 0),calc(var(--dz, 0) - 10px)) rotate(calc(var(--dr, 0deg) + var(--idle-rot, 0deg))) translateY(var(--idle-y, 0px));opacity:.6;filter:brightness(.97)}.island-card-wrapper:hover:not(.clicked):not(.dismissed){transform:translate(-50%,-50%) translate3d(var(--dx, 0),var(--dy, 0),calc(var(--dz, 0) + 60px)) rotate(calc(var(--dr, 0deg) + var(--idle-rot, 0deg))) translateY(calc(var(--idle-y, 0px) - 8px)) scale(1.03);z-index:100}.island-card-wrapper:hover .island-card-inner{background-color:#fff6;box-shadow:0 20px 40px #1f268726;border-color:#fffc}.island-card-wrapper.clicked{transform:translate(-50%,-50%) translateZ(200px) scale(1.15) rotateX(0) rotateY(0) rotate(0)!important;z-index:50;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .2s ease .3s!important}.island-card-wrapper.clicked .island-card-inner{opacity:0;transition:opacity .2s ease .2s}.island-card-wrapper.dismissed{transform:translate(-50%,-50%) translate3d(var(--dx, 0),var(--dy, 0),-150px)!important;opacity:0!important;filter:blur(6px)!important;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease,filter .3s ease!important}.island-ground-shadow{position:absolute;bottom:-50px;left:50%;transform:translate(-50%) rotateX(70deg);width:600px;height:600px;background:radial-gradient(circle,#4e617014,#fff0 70%);filter:blur(20px);pointer-events:none}@media(prefers-reduced-motion:reduce){.island-card-wrapper{transition:opacity .3s ease!important;transform:translate(-50%,-50%) translateZ(var(--base-z))!important}.island-card-wrapper.hovered{transform:translate(-50%,-50%) translateZ(var(--base-z)) scale(1.02)!important}.island-card-wrapper.clicked{transform:translate(-50%,-50%) translateZ(var(--base-z)) scale(1.05)!important;opacity:0!important}}@media(max-width:768px){.island-scene-container{min-height:auto}.island-card-wrapper{width:160px;height:200px}.island-tilt-scaler{transform:scale(.65);transform-origin:top center;margin-bottom:-320px;transform-style:preserve-3d}}.island-tilt-scaler{transform-style:preserve-3d}