.suggestion-section{min-height:50vh;background-attachment:fixed;background-size:cover;background-position:50%;background-repeat:no-repeat;background-image:url(https://images.tagesschau.de/image/959d92aa-2b53-418e-81c9-650394407f93/AAABlCg7S8c/AAABkZLqw7o/4x3/3d-illustration-fussballstadion-100.jpg?width=1280)}.modal-overlay,.suggestion-section{display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;backdrop-filter:blur(2px)}.modal-content{background:white;border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px 24px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header.success{border-left:4px solid #10b981}.modal-header.error{border-left:4px solid #ef4444}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:4px;line-height:1}.modal-close:hover{color:#374151}.modal-body{padding:20px 24px}.modal-body p{margin:0;color:#4b5563;line-height:1.6;font-size:1rem}.modal-footer{padding:16px 24px 20px;display:flex;justify-content:flex-end}.modal-btn{padding:8px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:.95rem;transition:all .2s ease}.btn-success{background-color:#10b981;color:white}.btn-success:hover{background-color:#059669}.btn-error{background-color:#ef4444;color:white}.btn-error:hover{background-color:#dc2626}.suggestion-container{background-position:50%;padding:32px;background-repeat:no-repeat;background-size:cover;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);width:100%}.suggestion-title{text-align:center;margin-bottom:32px}.suggestion-heading{font-size:2.25rem;font-weight:700;color:white;margin-bottom:16px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.suggestion-subtitle{color:white;font-weight:700;font-size:1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.textarea-container{position:relative;margin-bottom:24px}.custom-placeholder{position:absolute;top:16px;left:16px;color:black;font-weight:600;pointer-events:none;font-size:16px;line-height:1.5;transition:all .2s ease}.sinupcontainer{margin-top:50px}.suggestion-textarea{width:100%;padding:16px;background-color:white;border:3px solid black;border-radius:8px;color:black!important;font-size:16px;resize:none;outline:none;box-sizing:border-box}.suggestion-textarea::placeholder{color:black;font-weight:400}.suggestion-textarea:focus{color:black;border-color:black;box-shadow:0 0 0 2px rgba(45,143,71,.4);background-color:white}.suggestion-textarea:focus+.custom-placeholder{opacity:0}.suggestion-button{display:block;margin:0 auto;padding:12px 32px;background:linear-gradient(90deg,#0f4c3a,#1a7c54,#2d8f47);color:white;font-weight:600;border-radius:8px;border:none;box-shadow:0 10px 25px rgba(15,76,58,.4);cursor:pointer;transition:all .8s ease;font-size:16px}.suggestion-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(26,124,84,.5);background:linear-gradient(90deg,#1a7c54,#2d8f47,#0f4c3a)}.suggestion-button:active{transform:translateY(0);box-shadow:0 5px 15px rgba(15,76,58,.4)}@media (max-width:768px){.suggestion-container{padding:24px}.suggestion-heading{font-size:1.875rem}.suggestion-subtitle{font-size:1rem}.modal-content{margin:20px}}@media (max-width:480px){.sinupcontainer{margin-left:20px;margin-right:20px}.suggestion-section{padding:32px 0}.suggestion-container{padding:20px}.suggestion-heading{font-size:1rem}.suggestion-textarea{padding:12px;font-size:10px}.custom-placeholder{top:12px;left:12px;font-size:10px}.suggestion-button{padding:10px 24px;font-size:14px}.suggestion-subtitle{font-size:10px}}