:root{--primary:#9146FF;--primary-dark:#772CE8;--primary-color:#9147ff;--secondary-color:#5c16c5;--accent-color:#bf94ff;--dark:#0E0E10;--darker:#050507;--dark-color:#1a1a1a;--gray:#1F1F23;--light:#EFEFF1;--light-color:#f8f8f8;--title-color:#f8f8f8;--text-color:#cccccc;--border:#343437;--success:#00B16A;--danger:#ED4245;--accent-success:#4eb162;--gradient:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);--primary-color-rgb:145,71,255;font-size:16px}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;margin:0;padding:0;font-family:'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;background:url('../img/background.webp') no-repeat center center fixed;background-size:cover;color:var(--light-color);position:relative;overflow-x:hidden}body[data-layout="start"]{text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center;perspective:1000px}body[data-layout="column"]{display:flex;flex-direction:column;justify-content:space-between;align-items:center}body[data-layout="center"]{display:flex;justify-content:center;align-items:center}body[data-layout="application"]{line-height:1.6;display:flex;justify-content:center;align-items:center}body::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1}#user-info-container{position:fixed;top:20px;right:20px;background:rgba(26,26,26,0.9);padding:10px 15px;border-radius:8px;backdrop-filter:blur(10px);z-index:1000;border:1px solid rgba(145,71,255,0.3);box-shadow:0 4px 15px rgba(0,0,0,0.3);text-align:left;font-size:0.9rem}#user-display{color:var(--accent-color);margin-bottom:5px}#password-display{display:flex;align-items:center;justify-content:flex-start;color:#aaa;font-size:0.8rem}#toggle-password-eye{color:var(--accent-color);cursor:pointer;font-size:0.9rem;transition:color 0.3s ease;margin-right:5px}#password-hidden{background:transparent;border:none;color:#aaa;font-family:monospace;width:auto;pointer-events:none;font-size:0.9rem;text-align:left;margin-left:5px;padding:0}#toggle-password-eye:hover{color:var(--primary-color)}#guide-button{position:fixed;top:140px;right:20px;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border:1px solid rgba(52,152,219,0.3);padding:10px 15px;border-radius:8px;color:white;font-size:0.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(52,152,219,0.3);z-index:1000;backdrop-filter:blur(10px)}#guide-button:hover{background:linear-gradient(135deg,#2980b9 0%,#1f639b 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(52,152,219,0.4)}#guide-button i{font-size:1rem}button{padding:10px;border:none;border-radius:10px;color:white;cursor:pointer;transition:all 0.3s ease;background:var(--gradient);box-shadow:0 4px 15px rgba(92,22,197,0.3)}button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(92,22,197,0.4);background:linear-gradient(135deg,#a66bff 0%,#6d1de8 100%)}.position-info{font-size:0.8rem;color:#aaa;text-align:left;margin-bottom:20px}.status{position:fixed;bottom:20px;right:20px;padding:10px 20px;background:rgba(26,26,26,0.9);border-radius:8px;backdrop-filter:blur(10px);display:none;z-index:1000;box-shadow:0 4px 15px rgba(0,0,0,0.3);border:1px solid rgba(145,71,255,0.3)}.status.success{color:#4caf50;border-color:rgba(76,175,80,0.5)}.status.error{color:#f44336;border-color:rgba(244,67,54,0.5)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px) rotateY(10deg)}to{opacity:1;transform:translateY(0) rotateY(10deg)}}@keyframes floating{0%{transform:translateY(0) rotateY(10deg)}50%{transform:translateY(-15px) rotateY(-5deg)}100%{transform:translateY(0) rotateY(10deg)}}@media (max-width:767px){:root{font-size:14px}.title{margin-top:130px !important}#user-info-container{top:10px;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 100px);max-width:280px;padding:8px 12px;font-size:0.85rem;z-index:100}#user-display{font-size:0.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#password-display{font-size:0.75rem;flex-wrap:nowrap;overflow:hidden}#toggle-password-eye{font-size:0.85rem;flex-shrink:0;min-width:24px;padding:4px}#password-hidden{font-size:0.8rem;max-width:calc(100% - 35px);overflow:hidden;text-overflow:ellipsis;flex-shrink:1}#guide-button{position:fixed;top:70px;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 100px);max-width:280px;padding:10px;font-size:0.85rem;border-radius:10px;z-index:100}#guide-button:hover{transform:translateX(-50%) translateY(-2px)}button{padding:12px 16px;font-size:0.9rem;width:100%}.position-info{font-size:0.75rem;margin-bottom:15px}.status{bottom:10px;right:10px;left:10px;padding:12px 16px;font-size:0.85rem;text-align:center}}@media (min-width:768px) and (max-width:1023px){:root{font-size:15px}#user-info-container{top:15px;right:15px;padding:10px 14px}#guide-button{top:130px;right:15px;padding:10px 14px}}