@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.page{width:100%;min-height:100vh;display:flex;justify-content:center}.container{width:100%;max-width:1080px;margin:3em 0;display:flex;flex-direction:column;justify-content:start}.header{text-align:left;margin:0;padding:0}.header h1{color:var(--whitebase);font-weight:900;font-size:3em;margin:0;padding:0}.header span{color:var(--whitebase);font-style:italic;margin:0;padding:0}.menu-button{padding-top:16px}.menu-button a{color:var(--whitebase);border:1px solid var(--whitebase);text-decoration:none;font-size:.8em;font-weight:800;padding:.3em .75em .25em;border-radius:5px;transition:all .2s ease}.menu-button a:hover{background-color:var(--whitebase);color:var(--darkblue)}.generator{background-color:var(--whitebase);border-radius:15px;margin:2em 0;box-shadow:var(--shadowCommon)}.policy-form{padding:2em;display:flex;flex-direction:column;gap:1.5em}.app-footer{text-align:center;margin-top:2.5rem}.app-footer p{font-size:.875rem;color:var(--textlight);opacity:.8}@media (max-width: 1024px){.page{padding:1em}.container{margin:2em 0}.policy-form{padding:1.5em}.header h1{font-size:2.5em}}@media (max-width: 767px){.page{padding:.5em}.container{margin:1em 0}.policy-form{padding:1em}.header h1{font-size:2em}}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.9em;font-weight:800;color:var(--textdark);margin-bottom:.25em}.form-description{font-size:.8em;font-style:italic;color:#555;margin-bottom:.5em}.form-select,.form-textarea{width:100%;padding:.5em 1em;font-size:1em;border-radius:10px;border:1px solid rgba(0,0,0,.25);background-color:var(--whitebase);color:var(--textdark);font-family:Inter,sans-serif;box-sizing:border-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-textarea{min-height:15rem;font-family:monospace;resize:vertical}.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accentblue);box-shadow:0 0 0 2px #143d6933}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input{padding-right:3rem!important}.password-toggle-btn{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;padding:.25rem;color:var(--accentblue);opacity:.7;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;z-index:1}.password-toggle-btn:hover{opacity:1;background:none!important;transform:none!important;box-shadow:none!important}.input-controls,.output-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.output-buttons{display:flex;gap:.75rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .1s linear;text-decoration:none;border:1px solid transparent;transform:scale(1)}.button:active{transform:translateY(1px)}.button-icon-only{padding:.8em;font-size:1em}.button-secondary{background-color:transparent;color:var(--accentblue);border:2px solid var(--accentblue);padding:.8em 1.5em;font-weight:800;font-size:1em;border-radius:10px}.button-secondary:hover{background-color:var(--accentblue);color:var(--whitebase);transform:scale(.97);box-shadow:0 0 10px #000}.button-primary{background-color:var(--accentblue);color:var(--whitebase);border:2px solid var(--accentblue);padding:1em 2em;font-weight:800;font-size:1.2em;border-radius:10px;box-shadow:0 2px 18px #00000080;width:100%}.button-primary:hover{transform:scale(.97);box-shadow:0 0 10px #000}.button:disabled{background-color:transparent;color:#999;border-color:#ccc;cursor:not-allowed;transform:scale(1);box-shadow:none}.button:disabled:hover{background-color:transparent;color:#999;border-color:#ccc;transform:scale(1);box-shadow:none}.button svg{width:1.125rem;height:1.125rem}.error-message{color:#dc3545;font-size:.9rem;margin-top:1rem;display:flex;align-items:center;gap:.5rem;padding:1rem;background:#dc35451a;border-radius:8px;border-left:4px solid #dc3545;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.progress-container{margin-top:2rem;padding:2rem;background:#fffffff2;border-radius:16px;box-shadow:0 10px 30px #0003;animation:slideIn .5s ease-out;position:relative}.progress-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#143d690d;border-radius:inherit;animation:pulse 2s infinite}.progress-text{color:var(--accentblue);margin-bottom:1rem;font-size:1rem;font-weight:500;text-align:center;position:relative}.progress-bar{height:8px;background:#e1e1e1;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(135deg,var(--accentblue) 0%,var(--darkblue) 100%);transition:width .5s ease;border-radius:4px;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:shimmer 1.5s infinite}.success-container{background:#fffffff2;padding:2.5rem;border-radius:16px;box-shadow:0 10px 30px #0003;text-align:center;margin-top:2rem;animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}.success-container h2{color:var(--accentblue);font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.success-icon{color:#28a745;margin-bottom:1rem;animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.275)}.credentials-box{background:#143d690d;border-radius:8px;padding:1.5rem;margin:1.5rem 0}.credential-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(20,61,105,.1);transition:transform .2s ease}.credential-item:hover{transform:translate(5px)}.credential-item:last-child{border-bottom:none}.credential-item p{color:var(--accentblue);font-weight:500;margin:0}.copy-wrapper{display:flex;align-items:center;gap:.5rem}.copy-wrapper span{color:var(--textdark);font-weight:500;font-family:monospace;background:#fffc;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(20,61,105,.1)}.copy-button{background:none!important;border:none!important;padding:4px!important;width:auto!important;cursor:pointer;color:var(--accentblue)!important;opacity:.6;transition:all .2s ease}.copy-button:hover{opacity:1;transform:scale(1.1)!important;background:none!important;box-shadow:none!important}.copied-tooltip{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#143d69e6;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;animation:fadeInOut 2s ease}.password-generated-tooltip{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#28a745e6;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;animation:fadeInOut 2s ease}.success-container a{color:var(--accentblue);text-decoration:none;font-weight:500;position:relative;overflow:hidden}.success-container a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.success-container a:hover:after{transform:scaleX(1);transform-origin:left}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,20px)}20%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media (max-width: 480px){.credential-item{flex-direction:column;align-items:flex-start;gap:.5rem}.copy-wrapper{width:100%;justify-content:space-between}.credential-item:hover{transform:none}.input-controls{flex-direction:column;align-items:flex-start;gap:.5rem}}:root{--darkblue: #021C36;--accentblue: #143D69;--accentyellow: #FFB03A;--textdark: #303030;--textlight: #FFF;--whitebase: #FFF;--shadowCommon: 0px 0px 18px rgba(0,0,0,.5);--brand-primary: #021C36;--brand-primary-rgb: 26, 65, 115;--brand-accent-1: #194973;--brand-accent-2: #7C92A6;--brand-accent-3: #F2F2F2;--brand-accent-4: #595959;--text-light: #F2F2F2;--text-dark: #333333;--text-muted: #7C92A6;--border-color: #4A5568;--white: #FFFFFF;--gray-800: #1f2937;--gray-700: #374151;--blue-600: #2563eb;--blue-700: #1d4ed8}*{margin:0;padding:0;font-family:Inter,sans-serif;box-sizing:border-box}body{background-color:var(--darkblue);color:var(--textlight);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;min-width:320px;min-height:100vh}