diff --git a/projecte-final/main/assets/css/style.css b/projecte-final/main/assets/css/style.css index 340a851..258921f 100644 --- a/projecte-final/main/assets/css/style.css +++ b/projecte-final/main/assets/css/style.css @@ -566,3 +566,81 @@ body margin-right: 0; } } + + +/*========Formularios========*/ + +.register-wrapper +{ + display: flex; + justify-content: center; + align-items: center; + width: 100%; +} + +.glass-form-card +{ + background: rgba(255, 255, 255, 0.05); + backdrop-filter: blur(12px) saturate(180%); + -webkit-backdrop-filter: blur(12px) saturate(180%); + border: 1px solid rgba(255, 255, 255, 0.2); + box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2); + padding: 3rem; + border-radius: 20px; + width: 100%; + max-width: 500px; + position: relative; + overflow: hidden; +} + +.glass-form-card::before +{ + content: ''; + position: absolute; + top: 0; left: 0; right: 0; height: 2px; + background: linear-gradient(90deg, transparent, #00c3ff, transparent); + opacity: 0.7; +} + +.form-group +{ + margin-bottom: 1.5rem; + position: relative; +} + +.form-label +{ + display: block; + margin-bottom: 0.5rem; + color: #00c3ff; + font-size: 0.9rem; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; +} + +.form-input +{ + width: 100%; + padding: 12px 15px; + background: rgba(15, 23, 42, 0.6); + border: 1ox solid rgba(255, 255, 255, 0.1); + border-radius: 12px; + color: white; + font-family: 'Manjari', sans-serif; + font-size: 1rem; + outline: none; + transition: all 0.3s ease; +} + +.form-input::placeholder +{ + color: rgba(255, 255, 255, 0.3) +} + +.form-input:focus +{ + border-color: #00c3ff; + box-shadow: 0 0 15px rgba(0, 195, 255, 0.2); + background: rgba(15, 23, 42, 0.9); +} \ No newline at end of file