.error-main{background:#f6f9fc;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:6rem 1.5rem 4rem;display:flex}.error-container{width:100%;max-width:980px;margin:0 auto}.error-text{margin-bottom:3.5rem;animation:.7s cubic-bezier(.22,1,.36,1) both fadeUp}.error-title{color:#0a2540;letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2}.error-descr{color:#425466;max-width:520px;font-size:1.125rem;line-height:1.7}.error-link{color:#635bff;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.error-link:after{content:"";transform-origin:100%;background:#635bff;width:100%;height:2px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.error-link:hover{color:#4f46e5}.error-link:hover:after{transform-origin:0;transform:scaleX(1)}.error-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.error-card{color:inherit;background:#fff;border:1px solid #e3e8ee;border-radius:.75rem;flex-direction:column;padding:1.75rem;text-decoration:none;transition:all .35s cubic-bezier(.22,1,.36,1);animation:.7s cubic-bezier(.22,1,.36,1) both fadeUp;display:flex;position:relative;overflow:hidden}.error-card:first-child{animation-delay:80ms}.error-card:nth-child(2){animation-delay:.16s}.error-card:nth-child(3){animation-delay:.24s}.error-card:nth-child(4){animation-delay:.32s}.error-card:nth-child(5){animation-delay:.4s}.error-card:nth-child(6){animation-delay:.48s}.error-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#635bff08,#0000 60%);transition:opacity .3s;position:absolute;inset:0}.error-card:hover{border-color:#c9d2db;transform:translateY(-4px);box-shadow:0 4px 6px -1px #0000000a,0 12px 24px -4px #0000000f,0 0 0 1px #635bff0f}.error-card:hover:before{opacity:1}.card-icon{border-radius:.625rem;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1.25rem;font-size:1.125rem;transition:transform .35s cubic-bezier(.22,1,.36,1);display:flex}.error-card:hover .card-icon{transform:scale(1.1)rotate(-3deg)}.icon-services{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.icon-work{color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.icon-about{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.icon-home{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a)}.icon-contact{color:#db2777;background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.icon-start{color:#0891b2;background:linear-gradient(135deg,#cffafe,#a5f3fc)}.card-title{color:#0a2540;letter-spacing:-.01em;gap:5px;margin-bottom:.375rem;font-size:1.0625rem;font-weight:600;transition:color .2s;display:flex}.card-title i{opacity:0;visibility:hidden}.card-title span{padding:0;overflow:hidden}.error-card:hover .card-title i{opacity:1;visibility:visible;animation:.2s linear arrow-right}@keyframes arrow-right{0%{opacity:0;visibility:hidden;transform:translate(-10px)}to{opacity:1;visibility:visible;transform:translate(0)}}.error-card:hover .card-title{color:#635bff}.card-descr{color:#425466;margin:0;font-size:.9375rem;line-height:1.6}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.error-main{padding:5rem 1rem 3rem}.error-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.error-card{padding:1.5rem}.error-text{margin-bottom:2.5rem}}@media (max-width:480px){.error-grid{grid-template-columns:1fr}.error-card{flex-direction:row;align-items:flex-start;gap:1rem;padding:1.25rem}.card-icon{flex-shrink:0;width:40px;height:40px;margin-bottom:0;font-size:1rem}.card-title{font-size:1rem}.card-descr{font-size:.875rem}}