.error-container{width:100vw;height:100vh;display:flex}.error-left{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.error-left:before{content:"";background-image:var(--gema-login-url);opacity:.8;background-position:50%;background-size:cover;position:absolute;inset:0}.error-left .logo-overlay{z-index:2;color:#fff;letter-spacing:.1em;text-shadow:0 2px 10px #0000004d;font-size:2.5rem;font-weight:300;position:relative}.error-right{background:#fff;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.error-content{text-align:center;width:100%;max-width:400px;padding:2rem}.tharot-logo{color:var(--gema-secondary);letter-spacing:.05em;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.error-code{color:var(--gema-secondary);margin-bottom:1rem;font-size:6rem;font-weight:700;line-height:1}.error-title{color:#333;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.error-message{color:#666;margin-bottom:2rem;font-size:1rem;line-height:1.6}.home-button{background:var(--gema-secondary);color:#fff;border-radius:8px;margin-top:1rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.home-button:hover{background:#856f50;transform:translateY(-1px);box-shadow:0 4px 12px #e91e634d}.home-button:active{transform:translateY(0)}.error-details{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:2rem}.error-details p{color:#999;margin-bottom:.5rem;font-size:.875rem}@media (max-width:768px){.error-container{flex-direction:column}.error-left{flex:.4}.error-right{flex:.6}.error-content{padding:1rem}.error-code{font-size:4rem}.tharot-logo{font-size:2rem}}