1 line
2.5 KiB
CSS
1 line
2.5 KiB
CSS
.error-page[data-v-c84483a4]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.error-content[data-v-c84483a4]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:2rem}.error-container[data-v-c84483a4]{text-align:center;max-width:600px;margin:0 auto}.error-code[data-v-c84483a4]{font-size:8rem;font-weight:700;color:#2c3e50;line-height:1;margin-bottom:1rem;position:relative;text-shadow:2px 2px 0 #fff}.error-code .zero[data-v-c84483a4]{display:inline-block;animation:rotate-c84483a4 10s linear infinite;color:#3273dc}.error-title[data-v-c84483a4]{font-size:2.5rem;color:#2c3e50;margin-bottom:1rem;font-weight:600}.error-message[data-v-c84483a4]{font-size:1.1rem;color:#606f7b;margin-bottom:2rem;line-height:1.6}.error-actions[data-v-c84483a4]{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.error-actions .back-button[data-v-c84483a4],.error-actions .home-button[data-v-c84483a4]{padding:.8rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.error-actions .back-button[data-v-c84483a4]:hover,.error-actions .home-button[data-v-c84483a4]:hover{transform:translateY(-2px)}.error-actions .home-button[data-v-c84483a4]{background-color:#3273dc;color:#fff;border:none;text-decoration:none}.error-actions .home-button[data-v-c84483a4]:hover{background-color:#2160c4;box-shadow:0 4px 12px rgba(50,115,220,.2)}.error-actions .back-button[data-v-c84483a4]{background-color:#fff;color:#3273dc;border:2px solid #3273dc}.error-actions .back-button[data-v-c84483a4]:hover{background-color:#f8fafc;box-shadow:0 4px 12px rgba(50,115,220,.1)}.error-illustration[data-v-c84483a4]{position:relative;height:200px;margin-top:2rem}.error-illustration .astronaut[data-v-c84483a4]{font-size:4rem;position:absolute;left:50%;transform:translateX(-50%);animation:float-c84483a4 6s ease-in-out infinite}.error-illustration .planet[data-v-c84483a4]{font-size:5rem;position:absolute;left:50%;bottom:0;transform:translateX(-50%);opacity:.5}@keyframes rotate-c84483a4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float-c84483a4{0%,to{transform:translateY(0) translateX(-50%)}50%{transform:translateY(-20px) translateX(-50%)}}@media(max-width:768px){.error-code[data-v-c84483a4]{font-size:6rem}.error-title[data-v-c84483a4]{font-size:2rem}.error-message[data-v-c84483a4]{font-size:1rem}.error-actions[data-v-c84483a4]{flex-direction:column}.error-actions .back-button[data-v-c84483a4],.error-actions .home-button[data-v-c84483a4]{width:100%}} |