@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Lato:wght@300;400;500;600&display=swap";:root{--color-night:#0a1628;--color-night-light:#152238;--color-night-lighter:#1e3050;--color-moon:#f4d03f;--color-moon-glow:#f4d03f4d;--color-stars:#fff;--color-cream:#f5f0e1;--color-accent:#a8e6cf;--color-bg:linear-gradient(180deg, #0a1628 0%, #1a2744 50%, #0f1a2e 100%);--color-text:#f5f0e1;--color-text-light:#8fa3bf;--color-success:#7fb069;--color-error:#ff6b6b;--font-heading:"Playfair Display", Georgia, serif;--font-body:"Lato", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 30px #00000080;--radius-sm:8px;--radius-md:12px;--radius-lg:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}body.gallery-page,body.admin-page{background:var(--color-bg)}::selection{background:var(--color-moon);color:var(--color-night)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-night-light)}::-webkit-scrollbar-thumb{background:var(--color-moon);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3}.container{max-width:600px;margin:0 auto;padding:40px 20px 100px}.hero{text-align:center;margin-bottom:40px}.tiaras{justify-content:center;gap:40px;margin-bottom:20px;display:flex}.tiara{width:60px;height:40px;color:var(--color-moon);filter:drop-shadow(0 0 15px var(--color-moon-glow));animation:3s ease-in-out infinite float}.tiara-left{animation-delay:0s}.tiara-right{animation-delay:.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.title{background:linear-gradient(135deg, var(--color-moon) 0%, #ffeaa7 50%, var(--color-moon) 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 40px var(--color-moon-glow);-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2.2rem}.subtitle{color:var(--color-text-light);font-size:1.1rem;font-weight:300}.event-closed{text-align:center;background:var(--color-night-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md), 0 0 60px #f4d03f1a;border:1px solid #f4d03f33;padding:40px}.closed-icon{width:60px;height:60px;color:var(--color-moon);filter:drop-shadow(0 0 20px var(--color-moon-glow));margin-bottom:20px}.closed-content h2{color:var(--color-moon);margin-bottom:10px;font-size:1.8rem}.closed-content p{color:var(--color-text-light);margin-bottom:20px}.submission-form{background:var(--color-night-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md), 0 0 60px #f4d03f1a;border:1px solid #f4d03f26;padding:30px}.form-group{margin-bottom:24px}.label{color:var(--color-cream);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.input{width:100%;font-size:1rem;font-family:var(--font-body);border:2px solid var(--color-night-lighter);border-radius:var(--radius-sm);background:var(--color-night);color:var(--color-text);padding:14px 16px;transition:all .3s}.input:focus{border-color:var(--color-moon);background:var(--color-night-light);box-shadow:0 0 0 4px var(--color-moon-glow);outline:none}.input::placeholder{color:var(--color-text-light);opacity:.7}.error-message{color:var(--color-error);min-height:20px;margin-top:6px;font-size:.85rem;display:block}.contribution-toggle{background:var(--color-night);border-radius:var(--radius-md);border:1px solid var(--color-night-lighter);gap:8px;margin-bottom:24px;padding:6px;display:flex}.toggle-btn{color:var(--color-text-light);font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.toggle-btn:hover{color:var(--color-cream)}.toggle-btn.active{background:var(--color-moon);color:var(--color-night);box-shadow:0 0 20px var(--color-moon-glow)}.toggle-icon{width:20px;height:20px}.upload-area{margin-bottom:24px}.upload-content{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.drop-zone{border:2px dashed var(--color-night-lighter);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:var(--color-night);padding:40px 20px;transition:all .3s}.drop-zone:hover,.drop-zone.dragging{border-color:var(--color-moon);background:#f4d03f1a}.drop-zone.dragging{transform:scale(1.02)}.upload-icon{width:48px;height:48px;color:var(--color-moon);filter:drop-shadow(0 0 10px var(--color-moon-glow));margin-bottom:16px}.drop-text{color:var(--color-cream);margin-bottom:8px;font-size:1.1rem;font-weight:500}.drop-hint{color:var(--color-text-light);font-size:.85rem}.preview-container{border-radius:var(--radius-md);border:2px solid var(--color-moon-glow);position:relative;overflow:hidden}.preview-container video,.preview-container img{background:var(--color-text);width:100%;display:block}.remove-btn{cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;top:12px;right:12px}.remove-btn:hover{background:var(--color-error);transform:scale(1.1)}.remove-btn svg{stroke:#fff;width:18px;height:18px}.upload-progress{margin-top:16px}.progress-bar{background:var(--color-night);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--color-moon) 0%, #ffeaa7 100%);width:0%;height:100%;box-shadow:0 0 10px var(--color-moon-glow);border-radius:4px;transition:width .3s}.progress-text{color:var(--color-moon);text-align:center;margin-top:8px;font-size:.85rem;display:block}.message-textarea{width:100%;min-height:150px;font-size:1rem;font-family:var(--font-body);border:2px solid var(--color-night-lighter);border-radius:var(--radius-md);background:var(--color-night);color:var(--color-text);resize:vertical;padding:16px;transition:all .3s}.message-textarea:focus{border-color:var(--color-moon);background:var(--color-night-light);box-shadow:0 0 0 4px var(--color-moon-glow);outline:none}.message-textarea::placeholder{color:var(--color-text-light);opacity:.7}.char-counter{text-align:right;color:var(--color-text-light);margin-top:8px;font-size:.85rem}.btn{font-size:1rem;font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-icon{width:20px;height:20px}.btn-primary{background:linear-gradient(135deg, var(--color-moon) 0%, #d4a017 100%);color:var(--color-night);box-shadow:0 4px 15px var(--color-moon-glow), 0 0 30px #f4d03f4d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 25px var(--color-moon-glow), 0 0 40px #f4d03f66;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--color-moon);border:2px solid var(--color-moon);background:0 0}.btn-secondary:hover{background:var(--color-moon-glow)}.btn-sm{padding:8px 16px;font-size:.85rem}.submit-btn{width:100%}.btn-text,.btn-loading{justify-content:center;align-items:center;gap:8px;display:flex}.spinner{width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-state{text-align:center;background:var(--color-night-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md), 0 0 60px #f4d03f26;border:1px solid #f4d03f33;padding:40px}.success-icon{background:linear-gradient(135deg, var(--color-moon) 0%, var(--color-success) 100%);width:80px;height:80px;box-shadow:0 0 40px var(--color-moon-glow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;animation:.5s successPop;display:flex}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-icon svg{stroke:#fff;width:40px;height:40px}.success-state h2{color:var(--color-success);margin-bottom:8px;font-size:1.8rem}.success-state p{color:var(--color-text-light);margin-bottom:24px}#confetti-container{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.confetti{width:10px;height:10px;animation:3s ease-out forwards confettiFall;position:absolute}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100%)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.footer{text-align:center;padding:20px}.footer-link{color:var(--color-text-light);align-items:center;gap:8px;font-size:.9rem;text-decoration:none;transition:color .3s;display:inline-flex}.footer-link:hover{color:var(--color-moon)}.footer-icon{width:20px;height:20px}.footer-fixed{background:var(--color-night-light);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000d}.gallery-page{padding-bottom:100px}.gallery-header{background:var(--color-bg);padding:40px 20px}.gallery-header-content{text-align:center;justify-content:space-between;align-items:flex-start;max-width:1400px;margin:0 auto;display:flex}.gallery-header-content>div:first-child{flex:1}.gallery-header h1{color:var(--color-moon);margin-bottom:10px;font-size:2.5rem}.gallery-header p{color:var(--color-text-light)}.gallery-filters{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.filter-btn{border:2px solid var(--color-moon);color:var(--color-moon);cursor:pointer;background:0 0;border-radius:25px;padding:8px 20px;font-family:Lato,sans-serif;font-size:.9rem;font-weight:500;transition:all .3s}.filter-btn:hover{background:var(--color-moon-glow)}.filter-btn.active{background:var(--color-moon);color:var(--color-night)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:1400px;margin:0 auto;padding:30px;display:grid}.submission-card{background:var(--color-night-light);box-shadow:var(--shadow-md), 0 0 30px #f4d03f0d;opacity:0;border:1px solid #f4d03f1a;border-radius:16px;transition:all .3s;animation:.5s forwards cardFadeIn;overflow:hidden}.submission-card:hover{box-shadow:var(--shadow-lg), 0 0 40px #f4d03f1a;border-color:#f4d03f33;transform:translateY(-4px)}@keyframes cardFadeIn{to{opacity:1}}.card-header{background:var(--color-night);border-bottom:1px solid #f4d03f26;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-author{align-items:center;gap:10px;display:flex}.author-avatar{background:linear-gradient(135deg, var(--color-moon) 0%, #d4a017 100%);width:36px;height:36px;color:var(--color-night);box-shadow:0 0 15px var(--color-moon-glow);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex}.author-name{color:var(--color-cream);font-weight:600}.card-type{border-radius:15px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:500;display:flex}.card-type.video{color:var(--color-accent);background:#a8e6cf33}.card-type.photo{color:var(--color-moon);background:#f4d03f33}.card-type.message{color:var(--color-text-light);background:#8fa3bf33}.card-type svg{width:14px;height:14px}.card-content{padding:20px}.card-content video,.card-content img{background:var(--color-night);border:1px solid #f4d03f1a;border-radius:12px;width:100%}.card-content .message-text{color:var(--color-cream);font-size:1.1rem;font-style:italic;line-height:1.6}.card-footer{border-top:1px solid #f4d03f1a;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.card-time{color:var(--color-text-light);font-size:.8rem}.card-media-wrapper{position:relative}.card-play-btn{background:var(--color-moon);cursor:pointer;width:44px;height:44px;box-shadow:0 0 20px var(--color-moon-glow);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-play-btn:hover{box-shadow:0 0 30px var(--color-moon-glow);transform:translate(-50%,-50%)scale(1.1)}.card-play-btn svg{fill:#fff;width:18px;height:18px;margin-left:3px}.empty-state{text-align:center;color:var(--color-text-light);padding:80px 20px}.empty-state svg{width:80px;height:80px;color:var(--color-moon);opacity:.5;margin-bottom:20px}.empty-state h2{color:var(--color-cream);margin-bottom:10px;font-family:Playfair Display,serif;font-size:1.5rem}.lightbox{z-index:1000;cursor:pointer;background:#0a1628f2;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.lightbox.active{display:flex}.lightbox-content{cursor:default;max-width:90%;max-height:90%}.lightbox-content img{border-radius:8px;max-width:100%;max-height:85vh}.lightbox-close{cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .3s;display:flex;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:#ffffff4d}.lightbox-close svg{stroke:#fff;width:24px;height:24px}.video-modal{z-index:1000;background:#000000f2;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.video-modal.active{display:flex}.video-modal video{border-radius:8px;max-width:90%;max-height:80vh}.video-modal-info{color:#fff;text-align:center}.video-modal-info .author{font-size:1.2rem;font-weight:600}.admin-page{background:var(--color-bg);min-height:100vh}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-box{background:var(--color-night-light);box-shadow:var(--shadow-lg), 0 0 60px #f4d03f1a;text-align:center;border:1px solid #f4d03f26;border-radius:20px;width:100%;max-width:400px;padding:40px}.login-box h1{color:var(--color-moon);margin-bottom:10px;font-size:1.8rem}.login-box p{color:var(--color-text-light);margin-bottom:30px}.login-form .form-group{text-align:left}.admin-dashboard{display:none}.admin-dashboard.active{display:block}.admin-header{background:var(--color-night-light);box-shadow:var(--shadow-sm);border-bottom:1px solid #f4d03f1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:20px 30px;display:flex}.admin-header h1{color:var(--color-cream);font-size:1.5rem}.admin-actions{flex-wrap:wrap;gap:10px;display:flex}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:30px;display:grid}.stat-card{background:var(--color-night-light);box-shadow:var(--shadow-sm);border:1px solid #f4d03f1a;border-radius:16px;padding:24px}.stat-card h3{color:var(--color-text-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.9rem}.stat-value{color:var(--color-moon);font-size:2.5rem;font-weight:700}.admin-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:0 30px 30px;display:grid}.admin-card{background:var(--color-night-light);box-shadow:var(--shadow-sm);border:1px solid #f4d03f1a;border-radius:16px;transition:all .3s;overflow:hidden}.admin-card:hover{box-shadow:0 8px 25px #4a3f351a}.admin-card .card-header{padding:16px}.admin-card .card-content{padding:0 16px 16px}.admin-card .card-content video,.admin-card .card-content img{background:var(--color-cream);border-radius:12px;width:100%}.admin-card-actions{border-top:1px solid #d4a5741a;gap:8px;padding:12px 16px;display:flex}.btn-danger{color:#fff;background:#e74c3c;border:none}.btn-danger:hover{background:#c0392b}.toggle-switch{width:50px;height:26px;margin:0;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--color-night-lighter);border-radius:34px;transition:all .4s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--color-text-light);border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.toggle-slider{background-color:var(--color-moon)}input:checked+.toggle-slider:before{background-color:var(--color-night);transform:translate(24px)}.event-toggle{align-items:center;gap:10px;display:flex}.event-toggle-label{color:var(--color-cream);font-size:.9rem}.message-preview{max-height:80px;position:relative;overflow:hidden}.message-preview:after{content:"";background:linear-gradient(#0000,#fff);height:30px;position:absolute;bottom:0;left:0;right:0}@media (width<=480px){.container{padding:30px 16px 100px}.title{font-size:1.8rem}.subtitle{font-size:1rem}.tiaras{gap:20px}.tiara{width:50px;height:35px}.submission-form{padding:24px}.toggle-btn{padding:10px 12px;font-size:.85rem}.toggle-btn span:not(.toggle-icon){display:none}.drop-zone{padding:30px 16px}.gallery-header h1{font-size:1.8rem}.gallery-grid{grid-template-columns:1fr;padding:20px}.admin-header{flex-direction:column;align-items:flex-start}.admin-stats{padding:20px}.admin-grid{padding:0 20px 20px}}