.error-section {height: 100vh;display: flex;align-items: center;justify-content: center;position: relative;background: radial-gradient(circle at 30% 40%, rgba(255, 107, 53, 0.1) 0%, transparent 50%),radial-gradient(circle at 70% 80%, rgba(247, 147, 30, 0.1) 0%, transparent 50%),linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);overflow: hidden;}.error-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23333" stroke-width="0.5" opacity="0.3"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity: 0.1;}.error-container {max-width: 1400px;margin: 0 auto;padding: 0 2rem;display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;position: relative;z-index: 2;}.error-content {text-align: left;}.error-code {font-size: 8rem;font-weight: 900;margin-bottom: 1rem;background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;line-height: 1;text-shadow: 0 0 50px rgba(255, 107, 53, 0.3);}.error-title {font-size: 3rem;font-weight: 700;margin-bottom: 1.5rem;color: #ffffff;line-height: 1.1;}.error-message {font-size: 1.2rem;margin-bottom: 2rem;color: var(--light-grey-color);line-height: 1.7;}.error-actions {display: flex;gap: 1rem;flex-wrap: wrap;}.btn {display: inline-flex;align-items: center;gap: 0.5rem;padding: 1rem 2rem;border: none;border-radius: 50px;font-size: 1rem;font-weight: 600;text-decoration: none;transition: all 0.3s ease;cursor: pointer;}.btn-primary {background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));color: white;box-shadow: 0 10px 30px rgba(255, 107, 53, 0.3);}.btn-primary:hover {transform: translateY(-3px);box-shadow: 0 15px 40px rgba(255, 107, 53, 0.4);}.btn-secondary {background: rgba(255, 255, 255, 0.1);color: #ffffff;border: 1px solid rgba(255, 255, 255, 0.2);}.btn-secondary:hover {background: rgba(255, 255, 255, 0.2);border-color: rgba(255, 107, 53, 0.5);transform: translateY(-2px);}.error-visual {position: relative;display: flex;justify-content: center;align-items: center;}.broken-pipeline {width: 400px;height: 400px;position: relative;background: linear-gradient(45deg, #333, #555);border-radius: 20px;display: flex;align-items: center;justify-content: center;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);animation: float 6s ease-in-out infinite;overflow: hidden;}.broken-pipeline::before {content: '';position: absolute;top: 50%;left: 10%;right: 10%;height: 20px;background: linear-gradient(90deg, var(--accent-color), transparent 30%, transparent 70%, var(--accent-color));border-radius: 10px;animation: pipeline-break 3s ease-in-out infinite;}.broken-pipeline::after {content: '⚠️';position: absolute;font-size: 4rem;color: var(--accent-color);animation: warning-blink 2s ease-in-out infinite;}.spark {position: absolute;width: 4px;height: 4px;background: var(--accent-color);border-radius: 50%;animation: spark-fly 2s linear infinite;}.spark:nth-child(1) {top: 40%;left: 30%;animation-delay: 0s;}.spark:nth-child(2) {top: 60%;right: 35%;animation-delay: 0.5s;}.spark:nth-child(3) {top: 45%;left: 70%;animation-delay: 1s;}@keyframes float {0%,100% {transform: translateY(0px);}50% {transform: translateY(-20px);}}@keyframes pipeline-break {0%,100% {background: linear-gradient(90deg, var(--accent-color), transparent 30%, transparent 70%, var(--accent-color));opacity: 1;}50% {background: linear-gradient(90deg, var(--accent-color), transparent 20%, transparent 80%, var(--accent-color));opacity: 0.7;}}@keyframes warning-blink {0%,100% {opacity: 1;}50% {opacity: 0.3;}}@keyframes spark-fly {0% {transform: translateY(0px) scale(1);opacity: 1;}50% {transform: translateY(-20px) scale(1.5);opacity: 0.8;}100% {transform: translateY(-40px) scale(0.5);opacity: 0;}}.helpful-links {padding: 4rem 2rem;background: rgba(255, 255, 255, 0.02);backdrop-filter: blur(10px);}.links-container {max-width: 1400px;margin: 0 auto;text-align: center;}.links-title {font-size: 2rem;font-weight: 700;margin-bottom: 2rem;color: #ffffff;}.links-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;margin-top: 2rem;}.link-card {background: rgba(255, 255, 255, 0.05);border-radius: 15px;padding: 2rem;border: 1px solid rgba(255, 255, 255, 0.1);transition: all 0.3s ease;text-decoration: none;color: inherit;}.link-card:hover {transform: translateY(-5px);background: rgba(255, 107, 53, 0.1);border-color: rgba(255, 107, 53, 0.3);}.link-icon {font-size: 2.5rem;margin-bottom: 1rem;color: var(--accent-color);}.link-title {font-size: 1.2rem;font-weight: 600;margin-bottom: 0.5rem;color: #ffffff;}.link-description {color: var(--light-grey-color);font-size: 0.9rem;}.back-arrow {display: inline-block;transition: transform 0.3s ease;}.btn-primary:hover .back-arrow {transform: translateX(-5px);}.btn-secondary:hover .search-icon {transform: scale(1.1);}.search-icon {display: inline-block;transition: transform 0.3s ease;}@media screen and (max-width: 1024px) {.error-section {padding-top: 9rem;padding-bottom: 3rem;height: fit-content;}.error-container {grid-template-columns: 1fr;text-align: center;gap: 2rem;}.error-code {font-size: 5rem;}.error-title,.links-title {font-size: 1.1rem;}.error-message {font-size: 0.9rem;}.broken-pipeline {width: 300px;height: 300px;}.error-actions {justify-content: center;}}@media screen and (max-width: 320px) {.broken-pipeline {width: 150px;height: 150px;}.links-grid {grid-template-columns: 1fr;}.link-card {padding: 0.5rem;}.btn {padding: .5rem 1rem;justify-content: center;}.error-actions{flex-direction: column;text-align: center;}}@media screen and (min-width: 321px) and (max-width: 480px) {.broken-pipeline {width: 200px;height: 200px;}.links-grid {grid-template-columns: 1fr;}.link-card {padding: 1.5rem;}.btn {padding: .5rem 1rem;justify-content: center;}.error-actions{flex-direction: column;text-align: center;}}@media screen and (min-width: 481px) and (max-width: 768px) {.broken-pipeline {width: 350px;height: 350px;}.error-content {text-align: center;}}@media screen and (min-width: 769px) and (max-width: 1024px) {.broken-pipeline {width: 250px;height: 250px;}.error-content {text-align: center;}}@media screen and (min-width: 1025px) {}@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (min-resolution: 192dpi) {}@media screen and (-webkit-min-device-pixel-ratio: 3),screen and (min-resolution: 288dpi) {}