*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(196,30,58,.2) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent;border-radius:4px}*::-webkit-scrollbar-thumb{background:#c41e3a33;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}*::-webkit-scrollbar-thumb:hover{background:#c41e3a66}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(180deg,#1a1f3a,#2d3561,#1a1f3a);min-height:100vh;color:#333;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 60% 70%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 90% 60%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 33% 80%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 10% 50%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 70% 20%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 40% 90%,rgba(255,255,255,.8),transparent),radial-gradient(60px 60px at 15% 25%,rgba(255,255,255,.1),transparent),radial-gradient(80px 80px at 75% 45%,rgba(255,255,255,.08),transparent),radial-gradient(50px 50px at 45% 65%,rgba(255,255,255,.1),transparent),radial-gradient(70px 70px at 85% 15%,rgba(255,255,255,.08),transparent);background-size:200% 200%;background-position:0% 0%;animation:stars 20s linear infinite;pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:0;left:0;width:100%;height:470px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,280 Q200,250 400,280 Q600,300 800,260 Q1000,240 1200,280 L1200,400 L0,400 Z'/%3E%3C/svg%3E") no-repeat bottom,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath fill='rgba(255,255,255,0.95)' d='M0,240 Q150,200 350,230 Q550,250 750,220 Q950,200 1200,240 L1200,400 L0,400 Z'/%3E%3C/svg%3E") no-repeat bottom;background-size:100% 100%,100% 90%;pointer-events:none;z-index:0;opacity:1}@keyframes stars{0%{background-position:0% 0%}to{background-position:100% 100%}}.container{max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:1}.christmas-trees{position:fixed;bottom:0;left:0;width:100%;height:30%;pointer-events:none;z-index:0}.christmas-trees:before,.christmas-trees:after{content:"";position:absolute;bottom:0;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:40px solid rgba(255,255,255,.9)}.christmas-trees:before{left:10%;bottom:5%;animation:float 4s ease-in-out infinite}.christmas-trees:after{left:85%;bottom:8%;animation:float 4s ease-in-out infinite 2s}.christmas-gifts{position:fixed;bottom:0;left:0;width:100%;height:30%;pointer-events:none;z-index:0}.christmas-gifts:before,.christmas-gifts:after{content:"\1f381";position:absolute;bottom:5%;font-size:32px;opacity:.8;filter:brightness(0) invert(1)}.christmas-gifts:before{left:5%;animation:float 3s ease-in-out infinite}.christmas-gifts:after{right:5%;animation:float 3s ease-in-out infinite 1.5s}.christmas-stars{position:fixed;top:20%;left:0;width:100%;height:200px;pointer-events:none;z-index:0}.christmas-stars:before,.christmas-stars:after,.christmas-stars{content:"\2b50";position:absolute;font-size:20px;opacity:.7;animation:sparkle 2s ease-in-out infinite}.christmas-stars:before{left:15%;top:30%;animation-delay:0s}.christmas-stars:after{left:35%;top:20%;font-size:24px;animation-delay:.5s}.christmas-stars{left:55%;top:15%;font-size:28px;animation-delay:1s}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;position:relative}.card:before{content:"\1f384";position:absolute;top:-10px;right:20px;font-size:24px;opacity:.1}.btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:#c41e3a;color:#fff}.btn-primary:hover{background:#a0172a;transform:translateY(-2px);box-shadow:0 4px 12px #c41e3a66}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#229954}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-info{background:#17a2b8;color:#fff}.btn-info:hover{background:#138496}input,textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;margin-bottom:16px;transition:border-color .3s ease}input:focus,textarea:focus{outline:none;border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:500;color:#555}h1,h2,h3{color:#333;margin-bottom:16px}h1{font-size:32px}h2{font-size:24px}ul{list-style:none}.participant-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px;margin-bottom:8px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.alert{padding:16px;border-radius:8px;margin-bottom:20px}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.loading{text-align:center;padding:40px;color:#fff}.empty-state{text-align:center;padding:40px;color:#666}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sparkle{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.floating{animation:float 3s ease-in-out infinite}.sparkle{animation:sparkle 2s ease-in-out infinite}.help-modal-overlay{position:fixed!important;inset:0!important;background:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;box-sizing:border-box;animation:fadeIn .2s ease}.help-modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;border-top:4px solid #c41e3a;overflow:hidden}.help-modal-overlay .modal-header{background:linear-gradient(135deg,#c41e3a,#dc3545);color:#fff;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;min-height:60px;position:sticky;top:0;z-index:10;flex-shrink:0}.help-modal-overlay .modal-header h3{margin:0;font-size:22px;font-weight:700;line-height:1.3;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.3px;flex:1;padding-right:16px}.help-modal-overlay .close-button{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1}.help-modal-overlay .close-button:hover{background:#ffffff4d;transform:scale(1.1)}.help-modal-overlay .close-button:active{transform:scale(.95)}.help-modal-overlay .modal-body{padding:28px;color:#1a1f3a;font-size:15px;line-height:1.8;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(196,30,58,.3) transparent}.help-modal-overlay .modal-body::-webkit-scrollbar{width:8px}.help-modal-overlay .modal-body::-webkit-scrollbar-track{background:transparent;border-radius:4px}.help-modal-overlay .modal-body::-webkit-scrollbar-thumb{background:#c41e3a4d;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.help-modal-overlay .modal-body::-webkit-scrollbar-thumb:hover{background:#c41e3a80}.help-modal-overlay .modal-body ul,.help-modal-overlay .modal-body ol{margin:16px 0;padding-left:28px}.help-modal-overlay .modal-body li{margin-bottom:10px}.help-modal-overlay .modal-body strong{color:#c41e3a;font-weight:700;font-size:16px}.help-modal-overlay .modal-body p{margin-bottom:16px}.help-modal-overlay .modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;flex-shrink:0;position:sticky;bottom:0;background:#fff;z-index:10}.help-modal-overlay .btn{padding:10px 24px;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;transition:all .3s ease}.help-modal-overlay .btn-primary{background:linear-gradient(135deg,#c41e3a,#dc3545);color:#fff;box-shadow:0 4px 12px #c41e3a66}.help-modal-overlay .btn-primary:hover{background:linear-gradient(135deg,#dc3545,#c41e3a);transform:translateY(-2px);box-shadow:0 6px 16px #c41e3a80}.help-modal-overlay .btn-primary:active{transform:translateY(0)}
