*{margin:0;padding:0;box-sizing:border-box}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#f5f0e6;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .8s ease,visibility .8s ease}.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-content{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.loader-circle{width:150px;height:150px;animation:loaderWobble 2s ease-in-out infinite}.loader-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.loader-circle-bg{fill:none;stroke:#e0d9cc;stroke-width:2;filter:url(#rough-edge)}.loader-circle-progress{fill:none;stroke:#c41e1e;stroke-width:4;stroke-linecap:round;stroke-dasharray:251;stroke-dashoffset:251;animation:circleProgress 3.5s ease forwards;filter:url(#rough-edge)}@keyframes loaderWobble{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(2deg) scale(1.02)}50%{transform:rotate(-1deg) scale(.98)}75%{transform:rotate(1.5deg) scale(1.01)}}@keyframes circleProgress{0%{stroke-dashoffset:251}to{stroke-dashoffset:0}}body,html{width:100%;height:100%;overflow-x:hidden}body{font-family:Courier New,Courier,monospace;background-color:#000;color:#1a1a1a}.invitation-container{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.background-slide{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity 3s ease-in-out}.background-slide.active{opacity:1}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:30px}.intro-text{font-size:1.4rem;letter-spacing:.3em;text-transform:uppercase;color:#2a2a2a}.animated-element{animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.logo-container{position:relative;width:850px;height:420px}.logo-container.shaking .logo-image{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0) rotate(0)}15%{transform:translateX(-8px) rotate(-1deg)}30%{transform:translateX(8px) rotate(1deg)}45%{transform:translateX(-6px) rotate(-.5deg)}60%{transform:translateX(6px) rotate(.5deg)}75%{transform:translateX(-3px) rotate(-.3deg)}90%{transform:translateX(3px) rotate(.3deg)}}.logo-image{width:100%;height:100%;object-fit:contain;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .5s ease .3s}.logo-container:not(.zoomed) .logo-image{transition:transform .5s ease-out,opacity .4s ease-out;transform:scale(1);opacity:1}.logo-container.zoomed{animation:none;z-index:100;cursor:default}.logo-container.zoomed .logo-image{transform:scale(3);opacity:0}.content.zooming .event-details,.content.zooming .intro-text{opacity:0;transition:opacity .8s ease}.content:not(.zooming) .event-details,.content:not(.zooming) .intro-text{transition:opacity .3s ease}.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .5s ease,background .5s ease}.video-overlay.active{opacity:1;pointer-events:auto;background:rgba(0,0,0,.9)}.video-container{position:relative;width:65%;max-width:700px;aspect-ratio:16/9}.svg-filters{position:absolute;width:0;height:0;overflow:hidden}.wobbly-border{position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;border:3px solid #c41e1e;border-radius:4px;animation:wobble 2.5s ease-in-out infinite;filter:url(#rough-edge);opacity:.9}.wobbly-border-2{top:-17px;left:-14px;right:-16px;bottom:-14px;border-width:2px;animation:wobble2 3s ease-in-out infinite;animation-delay:-1s;opacity:.7}.wobbly-border-3{top:-13px;left:-17px;right:-14px;bottom:-16px;border-width:2px;animation:wobble3 3.5s ease-in-out infinite;animation-delay:-2s;opacity:.5}@keyframes wobble{0%,to{transform:rotate(-.8deg) scale(1);border-radius:3px 8px 4px 6px}25%{transform:rotate(.6deg) scale(1.004);border-radius:6px 3px 8px 4px}50%{transform:rotate(-.5deg) scale(1);border-radius:4px 6px 3px 8px}75%{transform:rotate(.7deg) scale(1.003);border-radius:8px 4px 6px 3px}}@keyframes wobble2{0%,to{transform:rotate(.5deg) scale(1.002);border-radius:5px 7px 3px 6px}33%{transform:rotate(-.7deg) scale(1);border-radius:7px 4px 6px 5px}66%{transform:rotate(.4deg) scale(1.005);border-radius:4px 5px 7px 3px}}@keyframes wobble3{0%,to{transform:rotate(-.4deg) scale(1);border-radius:6px 4px 5px 7px}50%{transform:rotate(.6deg) scale(1.003);border-radius:4px 6px 7px 5px}}.video-player{width:100%;height:100%;object-fit:contain;background:#000;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}video::-webkit-media-controls-enclosure{overflow:hidden}video::-webkit-media-controls-panel{width:calc(100% + 30px)}.close-video{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.5);border:none;color:#fff;font-size:1.8rem;width:40px;height:40px;border-radius:50%;cursor:pointer;opacity:.8;transition:opacity .3s ease,transform .3s ease,background .3s ease;z-index:1001;display:flex;align-items:center;justify-content:center}.close-video:hover{opacity:1;transform:scale(1.1);background:rgba(196,30,30,.8)}.event-details{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:20px}.event-date{font-size:1.7rem;font-weight:400;letter-spacing:.15em;color:#2a2a2a}.event-venue{font-size:1.3rem;letter-spacing:.2em;text-transform:uppercase;color:#2a2a2a}.event-address{font-size:1.2rem;letter-spacing:.15em;color:#3a3a3a}.event-dresscode{font-size:1rem;font-style:italic;letter-spacing:.1em;color:#4a4a4a;margin-top:15px}.instagram-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:1.1rem;color:#c41e1e;text-decoration:none;letter-spacing:.1em;transition:opacity .3s ease}.instagram-link:hover{opacity:.7}.instagram-icon{width:20px;height:20px}.content.light-text .event-address,.content.light-text .event-date,.content.light-text .event-dresscode,.content.light-text .event-venue,.content.light-text .intro-text{color:#fff;transition:color .5s ease}.content.light-text .instagram-link{color:#ff6b6b}.content .event-address,.content .event-date,.content .event-venue,.content .intro-text{transition:color .5s ease}.shard{position:absolute;z-index:5;pointer-events:none;animation:floatShard 6s ease-in-out infinite}@keyframes floatShard{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(10px,-15px) rotate(2deg)}50%{transform:translate(-5px,-25px) rotate(-1deg)}75%{transform:translate(-15px,-10px) rotate(1deg)}}@media (max-width:900px){.logo-container{width:500px;height:250px}.intro-text{font-size:.95rem;letter-spacing:.2em}.event-date{font-size:1.2rem}.event-address,.event-venue{font-size:.9rem}.event-dresscode{font-size:.85rem}.instagram-link{font-size:.95rem}}@media (max-width:768px){.logo-container{width:420px;height:210px}.shard{transform:scale(.5)}.intro-text{font-size:1rem;letter-spacing:.15em}.event-date{font-size:1.3rem}.event-address,.event-venue{font-size:1rem;letter-spacing:.1em}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatShard{0%,to{transform:translate(0) rotate(0deg) scale(.5)}25%{transform:translate(5px,-8px) rotate(1deg) scale(.5)}50%{transform:translate(-3px,-15px) rotate(-.5deg) scale(.5)}75%{transform:translate(-8px,-5px) rotate(.5deg) scale(.5)}}}@media (max-width:480px){.logo-container{width:340px;height:170px}.content{gap:20px}.shard{transform:scale(.4)}.shard:nth-child(5){top:2%!important;left:2%!important;right:auto!important}.shard:nth-child(6){top:3%!important;left:auto!important;right:-2%!important}.shard:nth-child(12),.shard:nth-child(8){display:none!important}.shard:nth-child(7){top:62%!important;left:-3%!important;right:auto!important}.shard:nth-child(9){top:66%!important;left:22%!important;right:auto!important}.shard:nth-child(10){top:64%!important;left:auto!important;right:25%!important}.shard:nth-child(11){top:63%!important;left:auto!important;right:-2%!important}.intro-text{font-size:.85rem;letter-spacing:.12em}.event-date{font-size:1.15rem}.event-address,.event-venue{font-size:.9rem;letter-spacing:.1em}.event-dresscode{font-size:.8rem;margin-top:10px}.instagram-link{font-size:.9rem;margin-top:15px}@keyframes floatShard{0%,to{transform:translate(0) rotate(0deg) scale(.45)}25%{transform:translate(3px,-5px) rotate(.5deg) scale(.45)}50%{transform:translate(-2px,-10px) rotate(-.3deg) scale(.45)}75%{transform:translate(-5px,-3px) rotate(.3deg) scale(.45)}}.video-container{width:95%;max-width:none}.wobbly-border{top:-8px;left:-8px;right:-8px;bottom:-8px;border-width:2px;animation:none;filter:none}.wobbly-border-2,.wobbly-border-3{display:none}.close-video{top:5px;right:5px;width:35px;height:35px;font-size:1.5rem}}@media (hover:none) and (pointer:coarse){.logo-container{cursor:pointer}.logo-container.shaking .logo-image{animation:none}.logo-container:not(.zoomed) .logo-image{animation:subtlePulse 3s ease-in-out infinite;transform:scale(1);opacity:1}.logo-container.zoomed .logo-image{animation:none;transform:scale(3);opacity:0}@keyframes subtlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}}