@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--background-start:#233446;--background-end:#171f2a;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0003;--nyra-blue:#3b90c9;--nyra-blue-hover:#317db0;--text-primary:#fff;--text-secondary:#a0aec0}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:#f0f4f8;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.mobile-card-wrapper{background:linear-gradient(135deg, var(--background-start) 0%, var(--background-end) 100%);border-radius:24px;flex-direction:column;width:100%;max-width:420px;min-height:800px;padding:2.5rem 1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0003}.card-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);box-shadow:var(--glass-shadow);color:inherit;border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:transform .2s,background .2s;display:flex}.glass-panel:hover{background:#ffffff14;transform:translateY(-2px)}.glass-icon-container{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.glass-icon{width:20px;height:20px;fill:var(--nyra-blue)}.panel-text{flex-direction:column;display:flex}.panel-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem}.panel-value{color:var(--text-primary);font-size:1rem;font-weight:600}.btn-primary{background:var(--nyra-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1.1rem;font-weight:600;transition:background .2s,transform .2s;display:flex;box-shadow:0 4px 14px #3b90c966}.btn-primary:hover{background:var(--nyra-blue-hover);transform:translateY(-2px)}.btn-subtext{color:var(--text-secondary);text-align:center;margin-top:-1rem;font-size:.75rem}.builder-layout{flex-direction:row;gap:3rem;width:100%;max-width:1200px;margin:0 auto;display:flex}.builder-form-section{color:#1a1a1a;background:#fff;border-radius:24px;flex-direction:column;flex:1;gap:1.5rem;padding:2.5rem;display:flex;box-shadow:0 10px 30px #0000000d}.builder-form-section h2{color:var(--nyra-blue);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#555;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.form-group input{background:#f9fafa;border:1px solid #ddd;border-radius:12px;padding:.8rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:var(--nyra-blue);background:#fff;outline:none;box-shadow:0 0 0 3px #2563eb1a}.builder-preview-section{flex:1;justify-content:center;align-items:flex-start;display:flex}@media (max-width:900px){.builder-layout{flex-direction:column}}.profile-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:1rem;display:flex}.company-logo-container{background:#fff;border-radius:8px;margin-bottom:1.5rem;padding:.5rem 1rem}.company-logo{width:auto;height:30px}.profile-pic{border:3px solid var(--nyra-blue);object-fit:cover;border-radius:50%;width:120px;height:120px;margin-bottom:1rem}.profile-name{margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.profile-title{color:var(--nyra-blue);margin-bottom:.25rem;font-size:.9rem;font-weight:500}.profile-company{color:var(--text-secondary);font-size:.85rem}.qr-section{flex-direction:column;align-items:center;margin-top:1rem;display:flex}.qr-container{background:#fff;border-radius:16px;margin-bottom:.5rem;padding:1rem}.qr-image{width:120px;height:120px}.qr-text{color:var(--text-secondary);font-size:.8rem}.footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--glass-border);margin-top:2rem;padding-top:1rem;font-size:.75rem}
