@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Sans,Arial,sans-serif;background-color:#bfdceb;color:#0d304c;line-height:1.4}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#0d304c,#2078be);color:#fff;padding:1.5rem 0;box-shadow:0 4px 8px #0d304c4d;border-bottom:3px solid #bfdcebff}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:2rem}.header-logo{flex-shrink:0}.logo-link{display:block;text-decoration:none}.logo{height:100px;width:auto;filter:brightness(0) invert(1);transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.header-content{flex:1}.header-title{font-family:IBM Plex Mono,monospace;font-size:1.8rem;font-weight:600;margin-bottom:.25rem;letter-spacing:.5px;text-transform:uppercase}.header-subtitle{font-size:.9rem;opacity:.9;font-weight:400;letter-spacing:.3px}.header-nav{flex-shrink:0}.nav-link{color:#fff;text-decoration:none;padding:10px 20px;border:2px solid #bfdcebff;border-radius:0;font-family:IBM Plex Mono,monospace;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;background:transparent;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#bfdceb;transition:left .3s ease;z-index:-1}.nav-link:hover{color:#0d304c;border-color:#bfdceb}.nav-link:hover:before{left:0}.main-content{flex:1;background:#bfdceb;padding:2rem 0}.container{max-width:1200px;margin:0 auto;padding:20px}.form-section{background:#fff;padding:2rem;border:3px solid #0d304c;border-radius:0;box-shadow:4px 4px #2078be,8px 8px #0d304c;margin-bottom:2rem;position:relative}.form-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.form-section:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#bfdceb,#2078be);z-index:-1}.form-row{display:flex;gap:2rem;margin-bottom:1.5rem}.form-group{flex:1}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#0d304c;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid #0d304c;border-radius:0;font-size:14px;font-family:IBM Plex Sans,sans-serif;background:#fff;color:#0d304c;transition:all .3s ease;box-shadow:2px 2px #2078be}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2078be;box-shadow:2px 2px #0d304c,4px 4px #2078be;transform:translate(-2px,-2px)}.logo-upload{border:3px dashed #0d304c;padding:2rem;text-align:center;border-radius:0;cursor:pointer;transition:all .3s ease;background:#f8f9fa;position:relative;overflow:hidden}.logo-upload:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#bfdcebff,transparent);transition:left .5s ease}.logo-upload:hover{border-color:#2078be;box-shadow:4px 4px #0d304c;transform:translate(-2px,-2px)}.logo-upload:hover:before{left:100%}.logo-upload input{display:none}.logo-preview{max-width:100px;max-height:100px;margin-top:10px;border:2px solid #0d304c;box-shadow:2px 2px #2078be}.logo-upload:has(input:disabled){opacity:.7;cursor:not-allowed}.logo-upload:has(input:disabled):before{display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn{padding:12px 24px;border:2px solid #0d304c;border-radius:0;cursor:pointer;font-size:14px;font-weight:600;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;position:relative;overflow:hidden;background:#fff;color:#0d304c;box-shadow:2px 2px #2078be}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#0d304c;transition:left .3s ease;z-index:-1}.btn:hover{color:#fff;transform:translate(-2px,-2px);box-shadow:4px 4px #2078be,6px 6px #0d304c}.btn:hover:before{left:0}.btn-primary{background-color:#2078be;color:#fff;border-color:#2078be}.btn-primary:before{background:#0d304c}.btn-secondary{background-color:#6c757d;color:#fff;border-color:#6c757d}.btn-danger{background-color:#dc3545;color:#fff;border-color:#dc3545}.btn-danger:hover{background-color:#c82333;border-color:#c82333}.btn-danger:disabled{background-color:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.6}.certificate-container{background:#fff;padding:2rem;border-radius:0;border:3px solid #0d304c;box-shadow:4px 4px #2078be,8px 8px #0d304c;margin-top:2rem;position:relative}.certificate-container:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#bfdceb,#2078be);z-index:-1}.certificate{width:100%;max-width:800px;margin:0 auto;border:3px solid #0d304c;box-shadow:2px 2px #2078be}.signature-pad-overlay{position:fixed;inset:0;background-color:#0d304ccc;display:flex;justify-content:center;align-items:center;z-index:1000}.signature-pad-modal{background:#fff;border-radius:0;border:3px solid #0d304c;box-shadow:4px 4px #2078be,8px 8px #0d304c;width:90%;max-width:500px;max-height:90vh;overflow:hidden;position:relative}.signature-pad-modal:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#bfdceb,#2078be);z-index:-1}.signature-pad-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #0d304c;background:#f8f9fa}.signature-pad-header h3{margin:0;color:#0d304c;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.5px}.close-btn{background:#0d304c;border:2px solid #0d304c;font-size:18px;cursor:pointer;color:#fff;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:2px 2px #2078be}.close-btn:hover{background:#2078be;border-color:#2078be;transform:translate(-1px,-1px);box-shadow:3px 3px #0d304c}.signature-pad-content{padding:1.5rem}.signature-pad-canvas-container{border:3px dashed #0d304c;border-radius:0;padding:1rem;margin-bottom:1.5rem;background-color:#f8f9fa;position:relative;overflow:hidden}.signature-pad-canvas-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#bfdcebff,transparent);transition:left .5s ease}.signature-pad-canvas-container:hover:before{left:100%}.signature-pad-canvas{display:block;margin:0 auto;border:2px solid #0d304c;border-radius:0;background-color:#fff;cursor:crosshair;box-shadow:2px 2px #2078be}.signature-pad-instructions{text-align:center;color:#0d304c;font-size:14px;margin-bottom:1.5rem;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.3px}.signature-pad-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:2px solid #0d304c;background-color:#f8f9fa}.signature-pad-actions .btn{min-width:100px}.signature-pad-actions .btn:disabled{opacity:.5;cursor:not-allowed}.signature-buttons{display:flex;gap:1rem;margin-top:1rem}.signature-btn{padding:8px 16px;border:2px solid #2078be;background-color:#fff;color:#2078be;border-radius:0;cursor:pointer;font-size:12px;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.3px;transition:all .3s ease;box-shadow:2px 2px #0d304c}.signature-btn:hover{background-color:#2078be;color:#fff;transform:translate(-1px,-1px);box-shadow:3px 3px #0d304c}.signature-btn.has-signature{background-color:#28a745;border-color:#28a745;color:#fff}.signature-btn.has-signature:hover{background-color:#218838;border-color:#218838}.certificate-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000001a}.certificate-header-content{display:flex;align-items:center;justify-content:space-between}.certificate-info{display:flex;align-items:center;gap:1rem}.certificate-info h1{margin:0;font-size:1.5rem;font-weight:600;color:#495057;font-family:IBM Plex Mono,monospace}.mode-indicators{display:flex;gap:.5rem;align-items:center}.admin-actions,.user-actions{display:flex;gap:.75rem;align-items:center}.admin-header,.user-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.admin-header h3,.user-header h3{margin:0 0 .5rem}.user-header p{margin:0;color:#6c757d;font-size:.9rem}.certificate-text-editor{border:1px solid #ddd;border-radius:8px;padding:1rem;background:#f8f9fa}.editor-header{margin-bottom:.75rem}.variable-buttons{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.5rem}.variable-buttons span{font-weight:500;color:#495057;margin-right:.5rem}.certificate-textarea{width:100%;min-height:200px;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.4;resize:vertical;background:#fff}.certificate-textarea:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.formatting-help{margin-top:.5rem;padding:.5rem;background:#e9ecef;border-radius:4px;font-size:.8rem;color:#6c757d}.formatting-help strong{color:#495057}.certificate-text-display{border:1px solid #ddd;border-radius:8px;padding:1rem;background:#f8f9fa}.text-display-content{margin-bottom:1rem}.text-preview{background:#fff;border:1px solid #ced4da;border-radius:4px;padding:.75rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.4;margin:0;white-space:pre-wrap;max-height:200px;overflow-y:auto}.text-preview-empty{background:#e9ecef;border:1px solid #ced4da;border-radius:4px;padding:.75rem;font-style:italic;color:#6c757d;text-align:center}.editor-actions{display:flex;gap:.75rem;margin-top:1rem;justify-content:flex-end}.info-text{padding:.5rem;background:#e9ecef;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;color:#6c757d;font-style:italic}.signature-section{background:#fff;padding:2rem;border-radius:0;border:3px solid #0d304c;box-shadow:4px 4px #2078be,8px 8px #0d304c;margin-bottom:2rem;position:relative}.signature-section:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#bfdceb,#2078be);z-index:-1}.signature-section h3{margin-bottom:1.5rem;color:#0d304c;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.5px}.signature-controls{display:flex;gap:3rem;justify-content:center}.signature-control{text-align:center}.signature-control label{display:block;margin-bottom:1rem;font-weight:600;color:#0d304c;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.loading,.error{text-align:center;padding:3rem;background:#fff;border-radius:0;border:3px solid #0d304c;box-shadow:4px 4px #2078be,8px 8px #0d304c;position:relative}.loading:before,.error:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#bfdceb,#2078be);z-index:-1}.error h2{color:#dc3545;margin-bottom:1rem;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.5px}.error p{color:#0d304c;margin-bottom:1.5rem;font-family:IBM Plex Sans,sans-serif}.admin-indicator{margin:1rem 0}.admin-badge{background-color:#dc3545;color:#fff;padding:6px 16px;border-radius:0;border:2px solid #dc3545;font-size:12px;font-weight:700;text-transform:uppercase;font-family:IBM Plex Mono,monospace;letter-spacing:.5px;box-shadow:2px 2px #0d304c}@keyframes retro-glow{0%,to{box-shadow:2px 2px #2078be}50%{box-shadow:2px 2px #2078be,0 0 10px #bfdceb}}.form-group input:focus,.form-group select:focus{animation:retro-glow 2s infinite}.landing-page{min-height:100vh}.hero-section{background:linear-gradient(135deg,#0d304c,#2078be);color:#fff;padding:4rem 0;text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 20px}.hero-content h1{font-family:IBM Plex Mono,monospace;font-size:3rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.5rem;margin-bottom:1rem;opacity:.9;font-weight:300}.hero-description{font-size:1.1rem;margin-bottom:2rem;opacity:.8;line-height:1.6}.btn-large{padding:16px 32px;font-size:1.1rem;font-weight:600}.features-section{padding:4rem 0;background:#fff}.features-section h2{text-align:center;margin-bottom:3rem;color:#0d304c;font-family:IBM Plex Mono,monospace;font-size:2.5rem;text-transform:uppercase;letter-spacing:1px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#fff;padding:2rem;border:3px solid #0d304c;border-radius:0;box-shadow:4px 4px #2078be,8px 8px #0d304c;text-align:center;position:relative;transition:all .3s ease}.feature-card:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#bfdceb,#2078be);z-index:-1}.feature-card:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #2078be,12px 12px #0d304c}.feature-icon{margin-bottom:1rem;display:flex;justify-content:center;align-items:center;height:128px}.feature-icon img{width:128px;height:128px;object-fit:contain;transition:transform .3s ease}.feature-card:hover .feature-icon img{transform:scale(1.1)}.feature-card h3{color:#0d304c;font-family:IBM Plex Mono,monospace;font-size:1.2rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.feature-card p{color:#666;line-height:1.6}.how-it-works-section{padding:4rem 0;background:#f8f9fa}.how-it-works-section h2{text-align:center;margin-bottom:3rem;color:#0d304c;font-family:IBM Plex Mono,monospace;font-size:2.5rem;text-transform:uppercase;letter-spacing:1px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.step{text-align:center;position:relative}.step-number{width:60px;height:60px;background:#0d304c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem;font-family:IBM Plex Mono,monospace;box-shadow:4px 4px #2078be}.step h3{color:#0d304c;font-family:IBM Plex Mono,monospace;font-size:1.2rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.step p{color:#666;line-height:1.6}.cta-section{padding:4rem 0;background:linear-gradient(135deg,#2078be,#0d304c);color:#fff;text-align:center}.cta-section h2{font-family:IBM Plex Mono,monospace;font-size:2.5rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.cta-section p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.create-form-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.preview-section{background:#fff;padding:2rem;border:3px solid #0d304c;border-radius:0;box-shadow:4px 4px #2078be,8px 8px #0d304c;position:relative}.preview-section:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#bfdceb,#2078be);z-index:-1}.preview-section h3{margin-bottom:1.5rem;color:#0d304c;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.5px;text-align:center}.certificate-preview{border:2px solid #0d304c;box-shadow:2px 2px #2078be;transform:scale(.8);transform-origin:top center}.admin-section{background:#fff;padding:2rem;border:3px solid #dc3545;border-radius:0;box-shadow:4px 4px #ffc107,8px 8px #dc3545;margin-bottom:2rem;position:relative}.admin-section:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#ffc107,#dc3545);z-index:-1}.admin-section h3{color:#dc3545;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem;font-size:1.2rem}.admin-form{margin-bottom:2rem}.signees-management{border-top:2px solid #dc3545;padding-top:2rem}.signees-management h4{color:#0d304c;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.add-signee{display:flex;gap:1rem;margin-bottom:2rem;align-items:end}.add-signee input{flex:1;padding:8px 12px;border:2px solid #0d304c;border-radius:0;font-size:14px;font-family:IBM Plex Sans,sans-serif}.add-signee select{padding:8px 12px;border:2px solid #0d304c;border-radius:0;font-size:14px;font-family:IBM Plex Sans,sans-serif;background:#fff}.signees-list{display:flex;flex-direction:column;gap:1rem}.signee-item{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#f8f9fa;border:2px solid #0d304c;border-radius:0;box-shadow:2px 2px #2078be}.signee-item-header{display:flex;justify-content:space-between;align-items:center}.signee-info{display:flex;align-items:center;gap:1rem}.signee-name{font-weight:600;color:#0d304c;font-family:IBM Plex Mono,monospace;letter-spacing:.5px}.signee-side{color:#666;font-size:.9rem}.signed-indicator{background:#28a745;color:#fff;padding:4px 8px;border-radius:0;font-size:.8rem;font-weight:700;text-transform:uppercase;font-family:IBM Plex Mono,monospace;letter-spacing:.3px}.signee-actions{display:flex;gap:.5rem}.btn-small{padding:6px 12px;font-size:.8rem}.btn-copy{background-color:#17a2b8;color:#fff;border-color:#17a2b8}.btn-copy:hover{background-color:#138496;border-color:#117a8b}.signee-links{margin:.5rem 0}.signing-link-container{display:flex;flex-direction:column;gap:.5rem}.signing-link-label{font-size:.8rem;font-weight:600;color:#0d304c;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.3px}.signing-link-input-group{display:flex;gap:.5rem;align-items:center}.signing-link-input{flex:1;padding:6px 8px;border:1px solid #0d304c;border-radius:0;font-size:.8rem;font-family:IBM Plex Mono,monospace;background:#fff;color:#0d304c;cursor:text}.signing-link-input:focus{outline:none;border-color:#2078be;box-shadow:0 0 0 2px #2078be33}.user-signing-section{background:#fff;padding:2rem;border:3px solid #28a745;border-radius:0;box-shadow:4px 4px #20c997,8px 8px #28a745;margin-bottom:2rem;position:relative}.user-signing-section:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#20c997,#28a745);z-index:-1}.user-signing-section h3{color:#28a745;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.user-signing-section p{color:#0d304c;margin-bottom:1.5rem}.user-signature-control{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border:2px solid #0d304c;border-radius:0;box-shadow:2px 2px #2078be}.user-badge{background-color:#28a745;color:#fff;padding:6px 16px;border-radius:0;border:2px solid #28a745;font-size:12px;font-weight:700;text-transform:uppercase;font-family:IBM Plex Mono,monospace;letter-spacing:.5px;box-shadow:2px 2px #0d304c}@media (max-width: 768px){.header-container{flex-direction:column;gap:1rem;text-align:center}.header-title{font-size:1.4rem}.certificate-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.certificate-info{flex-direction:column;align-items:flex-start;gap:.5rem}.admin-header,.user-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-actions,.user-actions{flex-wrap:wrap;gap:.5rem}.form-row{flex-direction:column;gap:1rem}.signature-controls{flex-direction:column;gap:1.5rem}.create-form-container{grid-template-columns:1fr}.certificate-preview{transform:scale(.6)}.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1.2rem}.features-grid,.steps{grid-template-columns:1fr}.add-signee{flex-direction:column;align-items:stretch}.signee-item,.signee-item-header{flex-direction:column;gap:1rem;align-items:stretch}.signing-link-input-group{flex-direction:column;align-items:stretch}.signee-actions{justify-content:center}.user-signature-control{flex-direction:column;gap:1rem;align-items:stretch}}@media print{.form-section,.actions,.signature-section,.header{display:none}.certificate-container{box-shadow:none;padding:0;border:none}.certificate-container:before{display:none}.main-content{background:#fff;padding:0}}.signee-item{transition:all .2s ease;cursor:move}.signee-item.dragging{opacity:.5;transform:scale(.95)}.signee-item:hover{background-color:#f8f9fa}.signee-position{font-size:.8rem;color:#6c757d;margin-left:.5rem}.invite-page{min-height:100vh;background:#bfdceb;padding:2rem 0}.invite-container{max-width:1200px;margin:0 auto;padding:0 20px}.invite-content{background:#fff;border:3px solid #0d304c;padding:3rem;box-shadow:0 8px 16px #0d304c33;text-align:center;margin-top:2rem}.invite-header{margin-bottom:2rem}.invite-header h1{color:#0d304c;font-size:2.5rem;font-weight:600;margin-bottom:1rem}.status-badge{display:inline-block;background:#ffc107;color:#0d304c;padding:.5rem 1rem;border:2px solid #0d304c;font-size:.9rem;font-weight:500;margin-bottom:1rem}.invite-message{margin-bottom:2.5rem}.invite-message h2{color:#0d304c;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.invite-description{color:#6c757d;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.no-public-service{color:#dc3545;font-size:1.1rem;font-weight:500}.invite-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-label{display:block;color:#0d304c;font-weight:500;margin-bottom:.5rem;font-size:1rem}.form-input{width:100%;padding:.75rem 1rem;border:2px solid #0d304c;font-size:1rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#2078be;box-shadow:0 0 0 3px #2078be1a}.form-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.error-message{color:#dc3545;font-size:.9rem;margin-top:.5rem;text-align:left}.invite-footer{border-top:1px solid #e9ecef;padding-top:1.5rem}.footer-text{color:#6c757d;font-size:.9rem}.invite-status-bar{background:#28a745;color:#fff;padding:.75rem 0;border-bottom:3px solid #bfdcebff}.invite-status-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.invite-status-text{font-weight:500;font-size:1rem}.btn-small{padding:.5rem 1rem;font-size:.9rem}.invite-status-bar .btn-secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.invite-status-bar .btn-secondary:hover{background:#ffffff4d;border-color:#ffffff80}@media (max-width: 768px){.invite-page{padding:1rem 0}.invite-container{padding:0 10px}.invite-content{padding:2rem;margin-top:1rem}.invite-header h1{font-size:2rem}.invite-message h2{font-size:1.5rem}.invite-description,.no-public-service{font-size:1rem}}