*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}body{color:#333}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 20px 60px rgba(0,0,0,.3);margin:2rem auto;max-width:600px}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#555}.input-group input{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s}.input-group input:focus{outline:none;border-color:#667eea}.btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.4)}.btn:active{transform:translateY(0)}.error{color:#e74c3c;background:#fee;padding:1rem;border-radius:8px;margin-top:1rem;border-left:4px solid #e74c3c}.fortune-image{width:100%;max-width:500px;height:auto;border-radius:12px;margin:2rem auto;display:block;box-shadow:0 10px 30px rgba(0,0,0,.2)}.fortune-text{font-size:1.5rem;line-height:1.8;color:#333;text-align:center;margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border-left:4px solid #667eea}.loading{text-align:center;padding:2rem;color:#666}.title{color:#fff;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.subtitle,.title{text-align:center;margin-bottom:2rem}.subtitle{color:hsla(0,0%,100%,.9);font-size:1.2rem}.back-link{display:inline-block;margin-top:2rem;color:#667eea;text-decoration:underline;cursor:pointer}.back-link:hover{color:#764ba2}