*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #050507;--color-text-primary: #f2f2f2;--color-text-secondary: #d8d8d8;--color-text-tertiary: #a8a8a8;--font-display: "Cormorant Garamond", serif;--font-body: "Inter", sans-serif;--animation-duration: 2.4s;--animation-delay: .3s}body{margin:0;padding:0;width:100%;min-height:100vh;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#background-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,transparent 40%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.7) 100%)}.grain{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");animation:grain-animation .5s steps(4) infinite}@keyframes grain-animation{0%,to{transform:translate(0)}10%{transform:translate(-2%,-2%)}20%{transform:translate(2%)}30%{transform:translate(-1%,2%)}40%{transform:translate(1%,-1%)}50%{transform:translate(-2%,1%)}60%{transform:translate(2%,2%)}70%{transform:translateY(-2%)}80%{transform:translate(-1%)}90%{transform:translate(1%,1%)}}.content{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.center-block{text-align:center;max-width:900px;width:100%}.logo-image{max-width:min(700px,90vw);width:100%;height:auto;display:block;margin:0 auto;opacity:0;transform:translateY(14px);filter:blur(12px);animation:fade-in-up var(--animation-duration) cubic-bezier(.16,1,.3,1) var(--animation-delay) forwards}.main-title{font-family:var(--font-display);font-weight:300;font-size:clamp(4rem,12vw,9rem);letter-spacing:.12em;line-height:1;color:var(--color-text-primary);margin-bottom:clamp(1rem,3vw,2rem);opacity:0;transform:translateY(14px);filter:blur(12px);animation:fade-in-up var(--animation-duration) cubic-bezier(.16,1,.3,1) var(--animation-delay) forwards}.subtitle{font-family:var(--font-body);font-weight:300;font-size:clamp(.9rem,2vw,1.1rem);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:clamp(4rem,10vw,8rem);opacity:0;transform:translateY(14px);filter:blur(12px);animation:fade-in-up var(--animation-duration) cubic-bezier(.16,1,.3,1) calc(var(--animation-delay) + .3s) forwards}.info-block{margin-top:clamp(3rem,8vw,6rem)}.date{font-family:var(--font-display);font-weight:300;font-size:clamp(1.2rem,3vw,1.8rem);letter-spacing:.1em;color:var(--color-text-primary);margin-bottom:.8rem;opacity:0;transform:translateY(14px);filter:blur(12px);animation:fade-in-up var(--animation-duration) cubic-bezier(.16,1,.3,1) calc(var(--animation-delay) + .6s) forwards}.time{font-family:var(--font-display);font-weight:300;font-size:clamp(.95rem,2.2vw,1.2rem);letter-spacing:.08em;color:var(--color-text-tertiary);opacity:0;transform:translateY(14px);filter:blur(12px);animation:fade-in-up var(--animation-duration) cubic-bezier(.16,1,.3,1) calc(var(--animation-delay) + .8s) forwards}.footer{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.8rem;opacity:0;animation:fade-in 1.5s ease-out calc(var(--animation-delay) + 1.2s) forwards}.footer-icon{width:32px;height:32px;opacity:.5;transition:opacity .3s ease}.footer-icon:hover{opacity:.8}.footer p{font-family:var(--font-display);font-weight:300;font-size:clamp(.7rem,1.5vw,.85rem);letter-spacing:.06em;color:var(--color-text-tertiary)}@keyframes fade-in-up{to{opacity:1;transform:translateY(0);filter:blur(0);text-shadow:0 0 20px rgba(242,242,242,.08)}}@keyframes fade-in{to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.grain{animation:none}.main-title,.subtitle,.date,.time,.footer,.logo-image{opacity:1;transform:none;filter:none;animation:none}}@media (max-width: 768px){.content{padding:1.5rem}.main-title{letter-spacing:.1em}.subtitle{letter-spacing:.15em}.info-block{margin-top:4rem}}@media (max-width: 480px){.content{padding:1rem}.footer{bottom:1.5rem}}