.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f6f8fa}.login-form{background:#fff;padding:2rem 2.5rem;border-radius:1rem;box-shadow:0 4px 24px #00000014;min-width:320px;display:flex;flex-direction:column;gap:1.2rem}.login-form h2{text-align:center;margin-bottom:.5rem;color:#222}.login-form input{padding:.8rem;border-radius:.5rem;border:1px solid #d1d5db;font-size:1rem}.login-form button{background:#2563eb;color:#fff;border:none;border-radius:.5rem;padding:.8rem;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 2px 8px #2563eb14}.login-form p{text-align:center;margin-top:.5rem}.login-form a{color:#2563eb;text-decoration:underline}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f6f8fa}.auth-form{background:#fff;padding:2rem 2.5rem;border-radius:1rem;box-shadow:0 4px 24px #00000014;min-width:320px;display:flex;flex-direction:column;gap:1.2rem}.auth-form h2{text-align:center;margin-bottom:.5rem;color:#222}.auth-form input{padding:.8rem;border-radius:.5rem;border:1px solid #d1d5db;font-size:1rem}.auth-form button{background:#2563eb;color:#fff;border:none;border-radius:.5rem;padding:.8rem;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 2px 8px #2563eb14}.auth-form button[type=submit]:hover{opacity:.9}.auth-form p{text-align:center;margin-top:.5rem}.auth-form a{color:#2563eb;text-decoration:underline}.auth-form button{background:#16a34a}.joinform-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f6f8fa}.joinform-form{background:#fff;padding:2rem 2.5rem;border-radius:1rem;box-shadow:0 4px 24px #00000014;min-width:320px;display:flex;flex-direction:column;gap:1.2rem}.joinform-form h2{text-align:center;margin-bottom:.5rem;color:#222}.joinform-form input{padding:.8rem;border-radius:.5rem;border:1px solid #d1d5db;font-size:1rem}.joinform-form button{background:#2563eb;color:#fff;border:none;border-radius:.5rem;padding:.8rem;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 2px 8px #2563eb14}.container{padding:20px}.form-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f6f8fa;font-family:Roboto,Helvetica,sans-serif}.form-wrapper form{background:#fff;padding:2.5rem 3rem;border-radius:16px;box-shadow:0 12px 32px #00000014;min-width:400px;max-width:600px;width:100%;display:flex;flex-direction:column;gap:30px;transition:transform .25s ease,box-shadow .25s ease}.form-wrapper form:hover{transform:translateY(-3px);box-shadow:0 16px 40px #0000001f}.form-title{text-align:center;font-size:2rem;font-weight:500;color:#111827;margin-bottom:1rem}.form-closed{color:#ef4444;text-align:center;font-weight:500;margin-bottom:1rem}.form-field{display:flex;flex-direction:column;gap:10px}.input-field,textarea,select,input[type=date]{width:100%;padding:14px 16px;font-size:1rem;border-radius:12px;border:1px solid #d1d5db;background-color:#f9fafb;outline:none;transition:all .3s ease}.input-field:focus,textarea:focus,select:focus,input[type=date]:focus{border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f626}textarea{resize:vertical;min-height:120px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('data:image/svg+xml;utf8,<svg fill="%23333" height="12" viewBox="0 0 24 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 16px center;background-size:12px;padding-right:40px}.option-label{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb;background-color:#f9fafb;cursor:pointer;transition:all .25s ease;font-size:.95rem}.option-label:hover{background:linear-gradient(90deg,#f3f4f6,#e0f2ff);border-color:#d1d5db}.option-input{accent-color:#3b82f6;width:18px;height:18px}.submit-btn{width:100%;padding:14px 0;border-radius:12px;font-size:1.05rem;font-weight:500;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;cursor:pointer;box-shadow:0 6px 16px #3b82f640;transition:all .3s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f659}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none}@media (max-width: 480px){.form-wrapper form{padding:2rem 1.5rem}.form-title{font-size:1.6rem}.input-field,textarea,select,input[type=date]{font-size:.95rem;padding:12px 14px}.submit-btn{font-size:1rem}}.form-box{background-color:#fff;border-radius:20px;padding:40px;max-width:700px;width:100%;margin:40px auto;box-shadow:0 12px 32px #00000014;display:flex;flex-direction:column;gap:30px;font-family:Roboto,Helvetica,sans-serif;transition:transform .25s ease,box-shadow .25s ease}.form-box:hover{transform:translateY(-2px);box-shadow:0 16px 40px #0000001f}.form-box h2{font-size:2rem;font-weight:700;color:#111827;margin-bottom:20px;border-bottom:1px solid #e5e7eb;padding-bottom:10px;text-align:center}.form-box .field-box{display:flex;flex-direction:column;gap:18px}.form-box .input,.form-box textarea,.form-box select,.form-box input[type=date]{width:100%;padding:14px 16px;font-size:1rem;border-radius:12px;border:1px solid #e5e7eb;background-color:#f9fafb;outline:none;box-sizing:border-box;transition:all .3s ease}.form-box .input:focus,.form-box textarea:focus,.form-box select:focus,.form-box input[type=date]:focus{border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 3px #2563eb26}.form-box textarea{resize:vertical;min-height:120px}.form-box select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('data:image/svg+xml;utf8,<svg fill="%23333" height="12" viewBox="0 0 24 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 16px center;background-color:#f9fafb;background-size:12px;padding-right:40px}.form-box .option-input-box{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.form-box .option-input-box input.option-input{flex:1 1 250px;padding:12px 16px;border-radius:12px;border:1px solid #e5e7eb;font-size:1rem;background-color:#f9fafb;outline:none;transition:all .3s ease}.form-box .option-input-box input.option-input:focus{border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 3px #2563eb26}.form-box .option-input-box button.button-blue{flex:0 0 auto;padding:12px 20px;border-radius:12px;font-weight:500;font-size:1rem;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;box-shadow:0 6px 16px #00000014;transition:all .3s ease}.form-box .option-input-box button.button-blue:hover{box-shadow:0 8px 20px #2563eb59;transform:translateY(-2px)}.form-box .option-input{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid #e5e7eb;background-color:#f9fafb;cursor:pointer;transition:all .25s ease}.form-box .option-input:hover{background:linear-gradient(90deg,#f3f4f6,#e0f2ff)}.form-box .option-input input[type=radio],.form-box .option-input input[type=checkbox]{accent-color:#2563eb;width:18px;height:18px}.form-box .button-blue,.form-box .button-green,.form-box .button-submit,.form-box .button-blue-full{padding:14px 24px;border-radius:12px;border:none;font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 16px #00000014;width:100%}.form-box .button-blue,.form-box .button-blue-full,.form-box .button-submit{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.form-box .button-blue:hover,.form-box .button-blue-full:hover,.form-box .button-submit:hover{box-shadow:0 8px 20px #2563eb59;transform:translateY(-2px)}.form-box .button-green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.form-box .button-green:hover{box-shadow:0 8px 20px #10b98159;transform:translateY(-2px)}.form-box .preview-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.form-box .preview-list li{background-color:#f3f4f6;padding:12px 16px;border-radius:12px;font-size:.95rem;color:#374151}.form-box .preview-list li:hover{background-color:#e0f2ff}@media (max-width: 768px){.form-box{padding:30px 25px}.form-box h2{font-size:1.7rem}.form-box .input,.form-box textarea,.form-box select,.form-box input[type=date]{font-size:.95rem;padding:12px 14px}}@media (max-width: 480px){.form-box .option-input-box{flex-direction:column}.form-box .option-input-box input.option-input,.form-box .option-input-box button.button-blue{width:100%}}.admin-container{padding:20px}.admin-title{text-align:center;margin-bottom:20px;font-size:2rem;color:#333}.forms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.form-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.form-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.form-card h3{margin-bottom:10px;font-size:1.25rem;color:#2563eb}.form-card p{font-size:.9rem;color:#555}@media (max-width: 1024px){.forms-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.forms-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.forms-grid{grid-template-columns:1fr}}.responses-container{padding:20px}.responses-container h2{text-align:center;margin-bottom:20px;font-size:2rem;color:#2563eb}.responses-table{width:100%;border-collapse:collapse}.responses-table th,.responses-table td{padding:12px;border:1px solid #ddd;text-align:left}.responses-table th{background-color:#f3f4f6;font-weight:700}