*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#a8d5ba,#b8e6c8);min-height:100vh;padding:20px}.container{max-width:1200px;margin:0 auto;background:#fff;border-radius:0;box-shadow:0 20px 60px #0000004d;overflow:hidden}.shared-header{background:#f5f5f0;color:#2d5a3d;padding:5px 40px;display:flex;flex-direction:column;align-items:center;gap:10px;position:fixed;top:0;left:0;right:0;z-index:50;box-shadow:0 1px 3px #0000001a;transform:translateZ(0);-webkit-transform:translateZ(0)}.shared-header .logo-container{display:flex;flex-direction:row;align-items:center;gap:20px}.shared-header .logo-link{display:inline-block;text-decoration:none;cursor:pointer;transition:opacity .3s ease}.shared-header .logo-link:hover{opacity:.8}.shared-header .logo-image{max-width:350px;height:auto;display:block;background:transparent;margin:0}.shared-header .logo-image.loaded{display:block}.shared-header .tagline{font-size:1.2rem;opacity:.9;font-weight:300;color:#2d5a3d;margin:0;line-height:1.2;text-align:center}main{padding:120px 40px 60px}.intro{text-align:center;margin-bottom:50px}.intro h2{font-size:2rem;color:#333;margin-bottom:15px}.intro p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.app-card{background:#f0f5f2;border:2px solid #d4e4d9;border-radius:0;padding:30px;transition:all .3s ease;position:relative;display:block;text-decoration:none;color:inherit;height:100%;min-height:320px;display:flex;flex-direction:column}.app-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:#a8d5ba;background:#e8f0eb}.app-card-locked{opacity:.6;cursor:not-allowed;pointer-events:none;position:relative}.app-card-locked:hover{transform:none;box-shadow:none;border-color:#d4e4d9;background:#f0f5f2}.lock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffe6;padding:20px;border-radius:0;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 4px 12px #00000026}.lock-overlay svg{color:#666}.app-icon{font-size:3.5rem;margin-bottom:20px;text-align:center}.app-card h3{font-size:1.5rem;color:#333;margin-bottom:15px;text-align:center}.app-description{color:#666;line-height:1.8;margin-bottom:0;text-align:center;flex-grow:1}footer{background:#f8f9fa;padding:30px;text-align:center;color:#666;border-top:1px solid #e9ecef}.login-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.login-modal{background:#fff;border-radius:0;padding:40px;max-width:450px;width:100%;box-shadow:0 20px 60px #0000004d;direction:rtl}.login-header{text-align:center;margin-bottom:30px}.login-header h2{font-size:2rem;color:#333;margin-bottom:10px}.login-subtitle{color:#666;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:.95rem}.form-group input{padding:12px 16px;border:2px solid #d4e4d9;border-radius:0;font-size:1rem;transition:border-color .3s ease;direction:rtl}.form-group input:focus{outline:none;border-color:#a8d5ba}.form-group input.error{border-color:#dc3545}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:12px;border-radius:0;text-align:center;font-size:.9rem}.login-button{background:#2d5a3d;color:#fff;border:none;padding:14px 24px;font-size:1.1rem;font-weight:600;border-radius:0;cursor:pointer;transition:background .3s ease;margin-top:10px}.login-button:hover:not(:disabled){background:#1e3d29}.login-button:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 768px){.shared-header .tagline{font-size:1rem}main{padding:120px 20px 40px}.apps-grid{grid-template-columns:1fr}.intro h2{font-size:1.5rem}.login-modal{padding:30px 20px}.login-header h2{font-size:1.5rem}}