.vcard-generator-page{min-height:100vh;background:#F6F1E8}.vcard-generator-main{padding-top:0}.vcard-hero{padding:80px 0 60px;background:linear-gradient(135deg,rgba(134,180,155,.1),rgba(246,241,232,.1));text-align:center}.vcard-hero-content{max-width:800px;margin:0 auto}.vcard-hero-title{font-size:clamp(36px,5vw,56px);font-weight:800;color:#2B2B2B;line-height:1.1;margin-bottom:24px}.vcard-hero-description{font-size:clamp(16px,2vw,20px);color:#2B2B2B;opacity:.7;line-height:1.6;max-width:600px;margin:0 auto 32px}.hero-cta-button{padding:16px 32px;background:#2B2B2B;color:white;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(43,43,43,.2);font-family:inherit}.hero-cta-button:hover{background:#86B49B;transform:translateY(-2px);box-shadow:0 8px 30px rgba(134,180,155,.3)}.hero-cta-button:active{transform:translateY(0)}.hero-cta-button:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(134,180,155,.4)}.vcard-generator-section{padding:60px 0 80px}.vcard-generator-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;align-items:start}.generator-card{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px;box-shadow:0 8px 32px rgba(43,43,43,.08);border:1px solid rgba(246,241,232,.5)}.generator-title{font-size:clamp(24px,3vw,32px);font-weight:700;color:#2B2B2B;margin-bottom:8px}.generator-subtitle{font-size:15px;color:#2B2B2B;opacity:.6;margin-bottom:32px}.generator-form{gap:28px}.form-section,.generator-form{display:flex;flex-direction:column}.form-section{border:none;padding:0;margin:0;gap:16px}.form-section-title{font-size:16px;font-weight:700;color:#2B2B2B;padding-bottom:8px;border-bottom:2px solid rgba(134,180,155,.3);margin:0 0 4px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#2B2B2B;font-size:14px}.form-input{width:100%;padding:14px 16px;border:2px solid rgba(43,43,43,.1);border-radius:12px;font-size:16px;font-family:inherit;background:rgba(255,255,255,.8);color:#2B2B2B;transition:all .3s ease;box-sizing:border-box}.form-input:focus,.form-input:focus-visible{outline:none;border-color:#86B49B;background:rgba(255,255,255,1);box-shadow:0 0 0 4px rgba(134,180,155,.1)}.vcard-preview-panel{display:flex;flex-direction:column;gap:24px;position:-webkit-sticky;position:sticky;top:100px}.vcard-preview-label{font-size:14px;font-weight:600;color:#2B2B2B;opacity:.6;text-transform:uppercase;letter-spacing:.05em}.vcard-preview-card{background:rgba(255,255,255,.9);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px rgba(43,43,43,.1);border:1px solid rgba(246,241,232,.8)}.vcard-preview-header{background:#86B49B;padding:32px 24px;display:flex;align-items:center;gap:16px}.vcard-preview-initials{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.25);color:white;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vcard-preview-header-text{color:white}.vcard-preview-name{font-size:20px;font-weight:700;margin:0 0 4px;line-height:1.2}.vcard-preview-role{font-size:14px;opacity:.9;margin:0}.vcard-preview-body{padding:24px;display:flex;flex-direction:column;gap:12px}.vcard-preview-line{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#2B2B2B;line-height:1.4}.vcard-preview-line-icon{flex-shrink:0;width:18px;height:18px;color:#86B49B;margin-top:1px}.vcard-preview-empty{padding:48px 24px;text-align:center;color:#2B2B2B;opacity:.4;font-size:15px}.vcard-qr-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(246,241,232,.5)}.vcard-qr-label{font-size:14px;font-weight:600;color:#2B2B2B;opacity:.7}.vcard-qr-wrapper{padding:12px;background:white;border-radius:12px}.download-button{padding:16px 32px;background:#2B2B2B;color:white;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(43,43,43,.2);font-family:inherit;width:100%}.download-button:hover:not(:disabled){background:#86B49B;transform:translateY(-2px);box-shadow:0 8px 30px rgba(134,180,155,.3)}.download-button:active:not(:disabled){transform:translateY(0)}.download-button:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(134,180,155,.4)}.download-button:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (max-width:768px){.vcard-generator-layout{grid-template-columns:1fr}.vcard-preview-panel{position:static;order:2}.generator-card{order:1;padding:28px 20px}.form-row{grid-template-columns:1fr}.vcard-hero{padding:60px 0 40px}.vcard-generator-section{padding:40px 0 60px}}@media (max-width:480px){.vcard-hero-title{font-size:28px}.generator-card{padding:24px 16px}.vcard-preview-card{padding:20px 16px}}