*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.iphone-container{height:100vh;width:100vw}.iphone-container,.iphone-screen{background:#000;position:relative}.iphone-screen{height:100%;overflow:hidden;width:100%}.status-bar{background:transparent;color:#fff;font-size:14px;font-weight:600;height:44px;justify-content:space-between;left:0;padding:0 30px;position:absolute;right:0;top:0;z-index:1000}.status-bar,.status-left{align-items:center;display:flex}.status-left{gap:5px}.status-center{left:50%;position:absolute;transform:translateX(-50%)}.status-right{align-items:center;display:flex;gap:5px}.notch{background:#000;border-radius:0 0 20px 20px;height:30px;top:0;width:209px;z-index:999}.home-indicator,.notch{left:50%;position:absolute;transform:translateX(-50%)}.home-indicator{background:hsla(0,0%,100%,.5);border-radius:100px;bottom:8px;height:5px;width:134px;z-index:1000}.app-content{background:#fff;bottom:34px;left:0;overflow:hidden;position:absolute;right:0;top:44px}.email-app{background:linear-gradient(180deg,#007aff,#0051d5);flex-direction:column;height:100%;padding:40px;width:100%}.email-app,.email-icon{align-items:center;display:flex;justify-content:center}.email-icon{background:#fff;border-radius:30px;box-shadow:0 10px 30px rgba(0,0,0,.2);height:120px;margin-bottom:40px;width:120px}.email-icon:before{color:#007aff;content:"✉";font-size:60px}.login-form{max-width:300px;width:100%}.login-title{color:#fff;font-size:28px;font-weight:700;margin-bottom:10px;text-align:center}.login-subtitle{color:hsla(0,0%,100%,.9);font-size:16px;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-input{background:hsla(0,0%,100%,.95);border:none;border-radius:12px;color:#333;font-size:16px;padding:16px 20px;transition:all .3s ease;width:100%}.form-input::placeholder{color:#999}.form-input:focus{background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.2);outline:none;transform:scale(1.02)}.login-button{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.2);color:#007aff;cursor:pointer;font-size:18px;font-weight:600;margin-top:10px;padding:16px;transition:all .3s ease;width:100%}.login-button:hover{box-shadow:0 6px 20px rgba(0,0,0,.3);transform:translateY(-2px)}.login-button:active{box-shadow:0 2px 10px rgba(0,0,0,.2);transform:translateY(0)}.login-button.loading{opacity:.7;pointer-events:none;position:relative}.login-button.loading:after{animation:spin 1s linear infinite;border:2px solid #007aff;border-radius:50%;border-top-color:transparent;content:"";height:16px;margin-top:-8px;position:absolute;right:20px;top:50%;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.forgot-password{color:hsla(0,0%,100%,.9);display:block;font-size:14px;margin-top:20px;text-align:center;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:#fff}.message{background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.3);display:none;left:50%;min-width:280px;padding:30px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2000}.message.show{animation:slideIn .3s ease;display:block}.message.success{color:#4caf50}.message.error{color:#f44336}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.signal-bars:before{content:"●●●";letter-spacing:2px}.wifi-icon:before{content:"📶"}.battery-icon:before{content:"🔋"}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.messages-app{background:#f5f5f7;display:flex;flex-direction:column;height:100%;padding:20px;width:100%}.messages-header{margin-bottom:30px;padding-top:20px}.messages-title{color:#000;font-size:34px;font-weight:700;margin-bottom:5px}.messages-subtitle{color:#666;font-size:16px}.messages-list{flex:1;overflow-y:auto}.message-list a{text-decoration:none}.message-item{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;margin-bottom:12px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.message-item:active{box-shadow:0 1px 4px rgba(0,0,0,.1);transform:scale(.98)}.message-icon{flex-shrink:0;font-size:32px;margin-right:16px}.message-content{flex:1}.message-sender{color:#000;font-size:16px;font-weight:600;margin-bottom:4px}.message-preview{color:#666;font-size:14px;line-height:1.4;margin-bottom:4px}.message-time{color:#999;font-size:12px}.message-link{display:block}.message-link,.message-link:active,.message-link:hover,.message-link:link,.message-link:visited{color:inherit;text-decoration:none}.attachment-indicator{font-size:12px;margin-left:8px}.message-detail-header{margin-bottom:20px;padding-top:20px}.back-button{color:#007aff;display:inline-block;font-size:16px;margin-bottom:10px;padding:8px 0;text-decoration:none}.back-button:hover{text-decoration:underline}.message-detail-title{color:#000;font-size:24px;font-weight:700;margin:0}.message-detail-content{flex:1;overflow-y:auto}.message-detail-meta{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:20px;padding:20px}.message-detail-sender{align-items:center;display:flex;gap:16px}.message-icon-large{font-size:48px}.message-sender-name{color:#000;font-size:18px;font-weight:600;margin-bottom:4px}.message-detail-time{color:#666;font-size:14px}.message-detail-body{color:#333;line-height:1.6;margin-bottom:20px;padding:20px}.message-attachment,.message-detail-body{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.message-attachment{padding:16px}.attachment-link{align-items:center;border-radius:8px;color:inherit;display:flex;gap:12px;padding:8px;text-decoration:none;transition:background .2s ease}.attachment-link:hover{background:#f5f5f7}.attachment-icon{font-size:24px}.attachment-info{flex:1}.attachment-name{color:#000;font-size:16px;font-weight:600;margin-bottom:4px}.attachment-size{color:#666;font-size:14px}.forgot-password,.login-button,.login-subtitle,.login-title,.status-bar{user-select:none;-webkit-user-select:none}