.iphone-container,.top-bar{animation:.5s ease-out fadeInDown}.input-wrapper,.iphone-container{position:relative}.back-button,.form-input,.icon-circle{transition:.3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);padding:20px;color:#333}.back-button,.top-bar{display:flex;align-items:center}.iphone-container{width:100%;max-width:550px;background:#f5f5f7;border-radius:40px;padding:20px;box-shadow:0 8px 25px rgba(0,0,0,.2)}@keyframes slideIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.top-bar{justify-content:space-between;padding:10px 0;margin-bottom:2px}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.back-button{width:40px;height:40px;border-radius:50%;background:#fff;justify-content:center;border:none;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.1);text-decoration:none;color:#1d1d1f}.input-wrapper,.logo{align-items:center;display:flex}.back-button:hover{transform:translateX(-2px);background:#667eea;color:#fff}.form-input:focus+.helper-text,.icon-circle,.logo{color:#667eea}.header,.logo-container{text-align:center;margin-bottom:2px}.logo{justify-content:center;gap:8px;font-size:24px;font-weight:700}.logo i{font-size:28px}.content{background:#fff;border-radius:30px;padding:25px;margin-top:10px}.header h1{font-size:24px;color:#1d1d1f;margin-bottom:8px;font-weight:700}.header p{color:#666;font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#1d1d1f;font-size:14px;font-weight:600;margin-bottom:8px}.icon-circle{position:absolute;left:15px;width:36px;height:36px;background:#f5f5f7;border-radius:50%;display:flex;align-items:center;justify-content:center}.form-input{width:100%;padding:15px 15px 15px 60px;border:1px solid #e1e1e1;border-radius:15px;font-size:15px;background:#f9f9f9;transform-origin:left}.animate-submit,.form-group{transform:translateY(20px);opacity:0}.form-input:focus{outline:0;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.15);transform:scale(1.01)}.helper-text{font-size:12px;color:#666;margin-top:6px;margin-left:4px;transition:.3s}.password-toggle{position:absolute;right:15px;background:0 0;border:none;color:#666;cursor:pointer;padding:8px;transition:.3s}.password-toggle:hover{color:#667eea;transform:scale(1.1)}textarea.form-input{min-height:100px;padding-right:15px;resize:vertical}.terms-checkbox{margin:25px 0;display:flex;align-items:flex-start;gap:10px}.terms-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#667eea;margin-top:2px}.notification-text,.terms-checkbox label{font-size:14px;color:#666;line-height:1.4}.login-link a,.terms-checkbox a{color:#667eea;text-decoration:none;font-weight:600}.login-link a:hover,.terms-checkbox a:hover{color:#764ba2}.submit-btn{width:100%;padding:16px;background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:15px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px rgba(102,126,234,.3);opacity:0;animation:.5s cubic-bezier(.4,0,.2,1) .6s forwards fadeInUp;transition:.3s cubic-bezier(.4, 0, .2, 1)}@media (max-width:480px){.iphone-container{border-radius:30px;padding:15px}.content{padding:20px}.header h1{font-size:22px}.form-input{padding:12px 12px 12px 50px}.icon-circle{width:32px;height:32px;left:10px}}.btn-submit,.notification{padding:16px;transition:.3s cubic-bezier(.4, 0, .2, 1)}.input-wrapper:focus-within .icon-circle{transform:scale(.95);background:#667eea;color:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.15)}.form-group{animation:.5s forwards fadeInUp}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.btn-submit.error,.form-input.error{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}.login-link{text-align:center;margin-top:20px;font-size:14px;color:#666;opacity:0;animation:.5s .5s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}.password-toggle:active{transform:scale(.9)}.animate-submit{animation:.5s .5s forwards fadeInUp}.animate-login{opacity:0;transform:translateY(10px);animation:.5s .6s forwards fadeInUp}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.submit-btn:hover{box-shadow:0 8px 25px rgba(102,126,234,.4);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px rgba(102,126,234,.4)}.btn-submit:active,.submit-btn:active{transform:translateY(1px) scale(.98)}.notification{position:fixed;top:20px;right:20px;min-width:300px;max-width:400px;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateX(120%);z-index:1000}.notification.show{transform:translateX(0)}.notification.fade-out{opacity:0;transform:translateX(120%)}.notification-content{display:flex;align-items:center;gap:12px}.notification-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.notification.success .notification-icon{background:rgba(34,197,94,.1);color:#22c55e}.notification.error .notification-icon{background:rgba(239,68,68,.1);color:#ef4444}.notification-message{flex-grow:1}.notification-title{font-weight:600;font-size:16px;margin-bottom:4px;color:#1d1d1f}.notification.success{border-left:4px solid #22c55e}.notification.error{border-left:4px solid #ef4444}@keyframes slideIn{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(120%);opacity:0}}.btn-submit{position:relative;width:100%;background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:15px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;overflow:hidden;box-shadow:0 4px 15px rgba(102,126,234,.3);opacity:0;animation:.5s cubic-bezier(.4,0,.2,1) .6s forwards fadeInUp}.btn-submit:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(102,126,234,.4)}.btn-submit .btn-text{position:relative;z-index:1;transition:.3s}.btn-submit .btn-loader,.btn-submit::after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-submit .btn-loader{width:20px;height:20px;display:none}.btn-submit.loading{pointer-events:none;background:linear-gradient(45deg,#764ba2,#667eea)}.btn-submit.loading .btn-text{opacity:0}.btn-submit.loading .btn-loader{display:block;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:.8s linear infinite spin}.btn-submit.success{background:linear-gradient(45deg,#10b981,#059669);box-shadow:0 4px 15px rgba(16,185,129,.3)}.btn-submit.success .btn-text{animation:.3s ease-in-out scaleText}.btn-submit.error{background:linear-gradient(45deg,#ef4444,#dc2626);box-shadow:0 4px 15px rgba(239,68,68,.3)}.btn-submit::after{content:'';width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;opacity:0;transition:width .3s,height .3s,opacity .3s}.btn-submit:active::after{width:200%;height:200%;opacity:1;transition:none}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@keyframes scaleText{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.form-input.error{border-color:#ef4444!important}.error-message{animation:.3s ease-out slideDown}@keyframes slideDown{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}