@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Outfit:wght@400;700;900&display=swap";.main-nav{z-index:100;background:#0a0a0cb3;justify-content:space-between;align-items:center;width:90%;max-width:400px;padding:8px 16px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.nav-links{gap:8px;display:flex}.nav-item{color:var(--text-muted);border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.nav-item:hover{color:var(--text-color);background:#ffffff0d}.nav-item.active{color:var(--text-color);background:#ffffff1a;box-shadow:inset 0 1px 1px #ffffff1a}.nav-controls{align-items:center;display:flex}.music-toggle{color:var(--text-muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.music-toggle:hover{color:var(--text-color);background:#ffffff0d}.particles-container{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.particle{background:#00bfff66;border-radius:50%;width:3px;height:3px;animation:linear infinite float;position:absolute;box-shadow:0 0 10px #00bfffcc,0 0 20px #8a2be2cc}@keyframes float{0%{opacity:0;transform:translateY(100vh)translate(0)scale(0)}10%{opacity:1;transform:translateY(90vh)translate(20px)scale(1)}90%{opacity:1}to{opacity:0;transform:translateY(-10vh)translate(-20px)scale(0)}}.holographic-container{justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.holographic-circle{background:var(--holographic-gradient-bg);z-index:0;border-radius:50%;width:150px;height:150px;animation:4s ease-in-out infinite alternate pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.holographic-heading{z-index:1;letter-spacing:-4px;font-size:8rem;font-weight:900;line-height:1;position:relative}@media (width<=600px){.holographic-heading{font-size:6rem}.holographic-circle{width:120px;height:120px}}@keyframes pulse{0%{opacity:.8;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1.05)}}.countdown-container{justify-content:center;gap:16px;margin-top:24px;display:flex}.time-box{flex-direction:column;justify-content:center;align-items:center;min-width:80px;padding:16px;display:flex}.time-val{margin-bottom:4px;font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;line-height:1}.time-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:.75rem}.party-started-container{flex-direction:column;align-items:center;margin-top:24px;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards popIn;display:flex}.party-title{text-align:center;margin-bottom:8px;font-size:2rem;font-weight:800}.party-subtitle{color:var(--text-color);margin-bottom:12px;font-size:1rem}.party-emoji{letter-spacing:8px;font-size:2.5rem;animation:2s infinite bounce}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}@media (width<=500px){.countdown-container{gap:8px}.time-box{min-width:60px;padding:12px 8px}.time-val{font-size:1.5rem}.time-label{font-size:.65rem}}.home-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px 100px;display:flex}.invite-content{flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%;max-width:1000px;display:flex}.invite-left-col{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.invite-right-col{flex:1;width:100%;max-width:450px}.invite-subtitle{letter-spacing:4px;text-transform:uppercase;color:var(--text-muted);margin-bottom:-10px;font-size:1.2rem}.invite-title{letter-spacing:8px;text-transform:uppercase;margin-top:-20px;margin-bottom:30px;font-size:3.5rem;font-weight:800}.details-card{text-align:left;flex-direction:column;gap:16px;margin-top:40px;padding:24px;display:flex}.detail-item{align-items:flex-start;gap:16px;display:flex}.detail-icon{color:#00bfff;margin-top:2px}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:.8rem}.detail-value{color:var(--text-color);font-size:1.1rem;font-weight:600}.detail-subvalue{color:var(--text-muted);margin-top:2px;font-size:.9rem}.divider{background:var(--card-border);width:100%;height:1px}.location-link{color:inherit;border-radius:8px;padding:8px -8px;text-decoration:none;transition:all .3s}.location-link:hover{background:#ffffff0d;transform:translate(4px)}@media (width<=600px){.invite-title{letter-spacing:4px;font-size:2.5rem}.invite-subtitle{font-size:1rem}}@media (width>=900px){.invite-content{text-align:left;flex-direction:row;justify-content:space-between;align-items:stretch}.invite-left-col{text-align:left;align-items:flex-start}.details-card{justify-content:center;height:100%;margin-top:0}}.booth-container{text-align:center;max-width:500px;margin:0 auto;padding:30px}.booth-title{color:var(--text-color);margin-bottom:20px;font-family:Outfit,sans-serif}.camera-view{background:#000;border-radius:8px;margin-bottom:24px;position:relative;overflow:hidden}.webcam-feed{width:100%;display:block}.capture-btn{color:#000;background:#ffffffe6;border-radius:20px;padding:10px 24px;font-weight:800;transition:all .2s;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.capture-btn:hover{transform:translate(-50%)scale(1.05);box-shadow:0 0 15px #ffffff80}.polaroid{background:#fff;border-radius:4px;padding:12px 12px 24px}.preview-img{width:100%;display:block}.polaroid-form{flex-direction:column;gap:8px;margin-top:12px;display:flex}.polaroid-form input,.polaroid-form textarea{color:#333;background:#f5f5f5;border:none;border-radius:4px;padding:8px;font-family:Inter,sans-serif}.polaroid-form input:focus,.polaroid-form textarea:focus{outline:2px solid #00bfff}.booth-actions{justify-content:center;gap:12px;display:flex}.action-btn{background:var(--card-bg);color:var(--text-color);border:1px solid var(--card-border);border-radius:8px;padding:10px 20px;font-weight:600}.action-btn:hover{background:#ffffff1a}.action-btn.save{background:var(--holographic-gradient);color:#fff;background-size:200%;border:none}.action-btn.save:disabled{opacity:.5;cursor:not-allowed;filter:grayscale();box-shadow:none}.empty-gallery{text-align:center;color:var(--text-muted);padding:40px;font-style:italic}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:start;gap:24px;display:grid}.polaroid-display{color:#333;background:#fff;border-radius:4px;padding:12px 12px 24px;transition:transform .3s;transform:rotate(-2deg);box-shadow:0 4px 15px #00000080}.polaroid-display:nth-child(2n){transform:rotate(2deg)}.polaroid-display:hover{z-index:10;transform:scale(1.05)rotate(0)}.polaroid-display img{aspect-ratio:4/3;object-fit:cover;background:#eee;width:100%;height:auto}.polaroid-text{margin-top:12px;font-family:Inter,sans-serif}.polaroid-text h4{margin:0 0 4px;font-family:Outfit,sans-serif;font-size:1.1rem}.polaroid-text p{color:#555;margin:0 0 8px;font-size:.9rem;line-height:1.4}.polaroid-text .date{color:#999;font-size:.75rem}.guestbook-page{flex-direction:column;width:100%;max-width:1000px;min-height:100vh;margin:0 auto;padding:40px 20px 100px;display:flex}.guestbook-header{text-align:center;margin-bottom:40px}.guestbook-header .title{margin-bottom:8px;font-size:3rem;font-weight:800}.guestbook-header .subtitle{color:var(--text-muted);margin-bottom:24px}.add-btn{color:var(--text-color);align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.add-btn:hover{background:#ffffff1a;box-shadow:0 0 20px #00bfff33}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.ambient-light-1{filter:blur(60px);z-index:0;pointer-events:none;background:radial-gradient(circle,#00bfff26 0%,#0000 70%);border-radius:50%;width:40vw;height:40vw;position:absolute;top:-10vw;left:-10vw}.ambient-light-2{filter:blur(80px);z-index:0;pointer-events:none;background:radial-gradient(circle,#8a2be21a 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;position:absolute;bottom:-10vw;right:-10vw}.cursor-glow{pointer-events:none;z-index:0;background:radial-gradient(600px circle at var(--cursor-x,50%) var(--cursor-y,50%), #1d4ed826, transparent 80%);width:100vw;height:100vh;position:fixed;top:0;left:0}@media (width<=900px){.hidden-on-mobile{display:none}}:root{--bg-color:#0a0a0c;--text-color:#fff;--text-muted:#fff9;--holographic-gradient:linear-gradient(135deg, #0fc, #00bfff, #8a2be2, #f0f, #00bfff);--holographic-gradient-bg:linear-gradient(45deg, #00bfff26, #8a2be226, #ff00ff26);--card-bg:#ffffff08;--card-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.holo-text{background:var(--holographic-gradient);-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.holo-glow{box-shadow:0 0 30px #00bfff4d,0 0 60px #8a2be233}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px}.interactive-card{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s}@media (width>=900px){.interactive-card:hover{border-color:#fff3;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #0006,0 0 20px #8a2be233}}