body{font-family:'Inter', 'Segoe UI', Arial, sans-serif;color:#2e384d;background:linear-gradient(135deg, #f4f8f9 0%, #e8f2f4 100%);margin:0;padding:0;line-height:1.6}.form-header{position:relative;background-size:cover;background-position:center;padding:100px 40px;text-align:center;color:#ffffff;border-radius:0;overflow:hidden;box-shadow:0 10px 40px rgba(66,186,182,0.3)}.form-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(66,186,182,0.4) 0%, rgba(55,154,151,0.7) 100%);z-index:1}.form-header::after{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);border-radius:50%;z-index:2;animation:float 8s ease-in-out infinite}@keyframes float{0%,100%{transform:translate(0, 0)}50%{transform:translate(-30px, -30px)}}.form-header>*{position:relative;z-index:3}.form-header h1{color:#ffffff;font-size:48px;font-weight:800;margin:0 0 20px 0;letter-spacing:-1px;text-shadow:0 4px 20px rgba(0,0,0,0.8);animation:slideDown 0.8s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.form-header p{font-size:20px;margin:0;opacity:0.95;text-shadow:0 2px 10px rgba(0,0,0,0.8);letter-spacing:0.5px;font-weight:400;animation:slideDown 0.8s ease-out 0.2s both}@media (max-width: 768px){.form-header{padding:70px 30px}.form-header h1{font-size:36px}.form-header p{font-size:18px}}@media (max-width: 480px){.form-header{padding:50px 20px}.form-header h1{font-size:28px}.form-header p{font-size:16px}}#contactForm{max-width:900px;margin:60px auto 80px auto;padding:50px 40px;background:#ffffff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.1);position:relative;animation:fadeInUp 0.8s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}#contactForm::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg, #42bab6 0%, #379a97 100%);border-radius:20px 20px 0 0}#contactForm h2{color:#1b212e;font-size:28px;font-weight:700;margin:30px 0 25px 0;border-bottom:3px solid #42bab6;padding-bottom:15px;position:relative;letter-spacing:-0.5px}#contactForm h2:first-of-type{margin-top:0}#contactForm h2::after{content:'';position:absolute;bottom:-3px;left:0;width:80px;height:3px;background:#379a97;border-radius:3px}#contactForm .form-group{margin-bottom:25px;position:relative;animation:fadeIn 0.6s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#contactForm label{display:block;font-size:15px;font-weight:600;color:#1b212e;margin-bottom:10px;letter-spacing:0.2px;transition:color 0.3s}#contactForm input[type="text"],#contactForm input[type="email"],#contactForm input[type="tel"],#contactForm input[type="number"],#contactForm select,#contactForm textarea{width:100%;padding:14px 18px;border:2px solid #e9ecef;border-radius:10px;font-size:16px;background:#f8f9fa;transition:all 0.3s ease;box-sizing:border-box;font-family:inherit}#contactForm input:focus,#contactForm select:focus,#contactForm textarea:focus{border-color:#42bab6;background:#ffffff;outline:none;box-shadow:0 0 0 4px rgba(66,186,182,0.1);transform:translateY(-2px)}#contactForm textarea{min-height:120px;resize:vertical}#contactForm .validation-message{font-size:13px;margin-top:8px;display:none;font-weight:500;letter-spacing:0.3px}#contactForm .validation-message.valid{color:#42bab6;display:block;animation:slideInLeft 0.4s ease-out}#contactForm .validation-message.invalid{color:#dc3545;display:block;animation:shake 0.5s}@keyframes slideInLeft{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}#shelves-container{margin-bottom:40px}.shelf-item{background:linear-gradient(135deg, #f8f9fa 0%, #fff 100%);padding:30px;margin-bottom:25px;border-radius:15px;border-left:5px solid #42bab6;box-shadow:0 8px 25px rgba(0,0,0,0.05);transition:all 0.3s ease;animation:slideInRight 0.6s ease-out}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.shelf-item:hover{box-shadow:0 12px 35px rgba(66,186,182,0.15)}.shelf-item .form-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:10px}.shelf-item .form-row:last-child{margin-bottom:0}.shelf-item .form-row .form-group{flex:1;min-width:200px;margin-bottom:0}.edge-sides-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;padding:15px;background:rgba(66,186,182,0.05);border-radius:10px;border:2px dashed #42bab6}.edge-sides-group label{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;color:#2e384d;cursor:pointer;transition:color 0.3s;margin:0}.edge-sides-group label:hover{color:#42bab6}.edge-sides-group input[type="checkbox"]{width:20px;height:20px;accent-color:#42bab6;cursor:pointer}button#add-shelf,button.remove-shelf,button[type="submit"]{background:linear-gradient(135deg, #42bab6 0%, #379a97 100%);color:#ffffff;border:none;padding:15px 35px;border-radius:10px;font-size:17px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 6px 20px rgba(66,186,182,0.3);letter-spacing:0.5px;text-transform:uppercase;position:relative;overflow:hidden}button#add-shelf::before,button[type="submit"]::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.2);border-radius:50%;transform:translate(-50%, -50%);transition:width 0.6s, height 0.6s}button#add-shelf:hover::before,button[type="submit"]:hover::before{width:300px;height:300px}button#add-shelf:hover,button[type="submit"]:hover{background:linear-gradient(135deg, #379a97 0%, #2d7d7a 100%);box-shadow:0 10px 30px rgba(66,186,182,0.4);transform:translateY(-3px)}button#add-shelf:active,button[type="submit"]:active{transform:translateY(-1px);box-shadow:0 5px 15px rgba(66,186,182,0.3)}button#add-shelf{margin-bottom:50px}button.remove-shelf{background:linear-gradient(135deg, #dc3545 0%, #c82333 100%);margin-top:15px;padding:12px 28px;font-size:15px;box-shadow:0 6px 20px rgba(220,53,69,0.3)}button.remove-shelf:hover{background:linear-gradient(135deg, #c82333 0%, #b21f2d 100%);box-shadow:0 10px 30px rgba(220,53,69,0.4);transform:translateY(-3px)}button.remove-shelf:active{transform:translateY(-1px)}.success-message{max-width:900px;margin:60px auto;padding:50px 40px;background:linear-gradient(135deg, #e0ffe7 0%, #d0f5da 100%);border-radius:20px;border-left:6px solid #42bab6;text-align:center;color:#1b212e;box-shadow:0 20px 60px rgba(66,186,182,0.2);animation:bounceIn 0.8s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(0.8)}50%{transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}.success-message h2{font-size:36px;margin-bottom:15px;color:#42bab6}.success-message p{font-size:18px;color:#2e384d}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(27,33,46,0.85);backdrop-filter:blur(8px);display:none;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:opacity 0.5s ease}.popup-box{background:#ffffff;padding:50px 40px;border-radius:20px;width:90%;max-width:480px;text-align:center;box-shadow:0 20px 80px rgba(0,0,0,0.3);transform:translateY(40px) scale(0.9);opacity:0;transition:all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.popup-overlay.active{display:flex;opacity:1}.popup-overlay.active .popup-box{transform:translateY(0) scale(1);opacity:1}.popup-icon{width:90px;height:90px;background:linear-gradient(135deg, #42bab6 0%, #379a97 100%);color:#ffffff;font-size:42px;margin:0 auto 30px;border-radius:50%;box-shadow:0 10px 40px rgba(66,186,182,0.4);padding:18px;display:flex;justify-content:center;align-items:center;animation:pulse 2s infinite}@keyframes pulse{0%,100%{box-shadow:0 10px 40px rgba(66,186,182,0.4)}50%{box-shadow:0 10px 60px rgba(66,186,182,0.6)}}.popup-icon svg{fill:#ffffff;width:50px;height:50px}.popup-box h2{font-size:32px;margin-bottom:15px;color:#1b212e;font-weight:700}.popup-box p{font-size:18px;color:#2e384d;margin-bottom:35px;line-height:1.6}#popupCloseBtn{background:linear-gradient(135deg, #42bab6 0%, #379a97 100%);border:none;color:#ffffff;padding:15px 40px;font-size:17px;font-weight:600;border-radius:10px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 6px 20px rgba(66,186,182,0.3);text-transform:uppercase;letter-spacing:0.5px}#popupCloseBtn:hover{background:linear-gradient(135deg, #379a97 0%, #2d7d7a 100%);box-shadow:0 10px 30px rgba(66,186,182,0.4);transform:translateY(-3px)}input.readonly{background:linear-gradient(135deg, #e9ecef 0%, #f8f9fa 100%);color:#6c757d;cursor:not-allowed;border-color:#dee2e6}#page-content-container{box-sizing:border-box;width:100%;max-width:1400px;padding:0 40px 60px 40px;margin:0 auto;color:#2e384d;line-height:1.8}@media (max-width: 768px){#contactForm{padding:40px 30px;margin:40px 20px 60px 20px}#contactForm h2{font-size:24px}.shelf-item{padding:25px}.shelf-item .form-row{flex-direction:column;gap:0}.shelf-item .form-row .form-group{min-width:100%}button#add-shelf,button[type="submit"]{width:100%;padding:14px 30px}.popup-box{padding:40px 30px}#page-content-container{padding:0 24px 60px 24px}}@media (max-width: 480px){#contactForm{padding:30px 20px;margin:30px 0 50px 0}#contactForm h2{font-size:22px}.shelf-item{padding:20px}button#add-shelf,button[type="submit"]{font-size:15px;padding:13px 25px}.popup-box{padding:35px 25px}.popup-box h2{font-size:26px}.popup-icon{width:75px;height:75px}}html{scroll-behavior:smooth}::selection{background:#42bab6;color:#ffffff}::-moz-selection{background:#42bab6;color:#ffffff}#contactForm input[type="file"]{width:100%;padding:16px 18px;border:2px dashed #42bab6;border-radius:12px;background:linear-gradient(135deg, #f8fefe 0%, #fff 100%);font-size:15px;font-family:inherit;color:#2e384d;cursor:pointer;transition:all 0.3s ease;box-sizing:border-box;position:relative}#contactForm input[type="file"]:hover{background:#ffffff;box-shadow:0 8px 25px rgba(66,186,182,0.15)}#contactForm input[type="file"]:focus{outline:none;border-color:#379a97;box-shadow:0 0 0 4px rgba(66,186,182,0.12)}#contactForm input[type="file"]::-webkit-file-upload-button{background:linear-gradient(135deg, #42bab6 0%, #379a97 100%);border:none;border-radius:8px;padding:10px 22px;margin-right:15px;color:#ffffff;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(66,186,182,0.35);text-transform:uppercase;letter-spacing:0.4px}#contactForm input[type="file"]::-webkit-file-upload-button:hover{background:linear-gradient(135deg, #379a97 0%, #2d7d7a 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(66,186,182,0.45)}#contactForm input[type="file"]::-webkit-file-upload-button:active{transform:translateY(0);box-shadow:0 4px 15px rgba(66,186,182,0.3)}#contactForm input[type="file"]::file-selector-button{background:linear-gradient(135deg, #42bab6 0%, #379a97 100%);border:none;border-radius:8px;padding:10px 22px;margin-right:15px;color:#ffffff;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(66,186,182,0.35);text-transform:uppercase;letter-spacing:0.4px}#contactForm input[type="file"]::file-selector-button:hover{background:linear-gradient(135deg, #379a97 0%, #2d7d7a 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(66,186,182,0.45)}#contactForm #selected-files{display:block;margin-top:10px;font-size:14px;font-weight:500;color:#42bab6;animation:fadeIn 0.4s ease-out}#contactForm #files-validation.invalid{display:block;color:#dc3545;font-size:13px;font-weight:500;margin-top:8px;animation:shake 0.5s}#contactForm #files-validation.valid{display:block;color:#42bab6;font-size:13px;font-weight:500;margin-top:8px;animation:slideInLeft 0.4s ease-out}@media (max-width: 768px){#contactForm{margin-bottom:30px}}@media (max-width: 480px){#contactForm{margin-bottom:10px}}