.qr-generator-container{max-width:800px;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.qr-generator-container h2{text-align:center;color:#1f2937;margin-bottom:30px;font-size:2rem;font-weight:600}.tab-controls{display:flex;justify-content:center;gap:10px;margin-bottom:20px;border-bottom:2px solid #e5e7eb;padding-bottom:10px}.tab-btn{padding:10px 20px;border:none;background:#f3f4f6;color:#6b7280;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:#e5e7eb;color:#374151}.tab-btn.active{background:#2563eb;color:#fff;box-shadow:0 4px 6px -1px #2563eb1a}.preview-controls{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.preview-btn{padding:8px 16px;border:2px solid #d1d5db;background:#fff;color:#6b7280;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.preview-btn:hover{border-color:#9ca3af;color:#374151}.preview-btn.active{border-color:#10b981;background:#10b981;color:#fff}.business-card-qr-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 4px 6px -1px #0000001a}.qr-code-wrapper{display:flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:0 2px 4px #0000001a}.download-controls{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.download-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #667eea40}.download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 12px -1px #667eea59}.download-btn:active{transform:translateY(0)}.qr-content{display:flex;justify-content:center;align-items:center;min-height:400px;margin-bottom:30px}.qr-info{background:#f8fafc;padding:20px;border-radius:8px;border-left:4px solid #2563eb}.qr-info h3{color:#1f2937;margin-bottom:12px;font-size:1.25rem;font-weight:600}.qr-info ul{color:#4b5563;line-height:1.6}.qr-info li{margin-bottom:8px}@media (max-width: 768px){.qr-generator-container{padding:15px}.tab-controls{flex-direction:column;align-items:center}.tab-btn{width:200px}.download-controls{flex-direction:column;width:100%}.download-btn{width:100%}.business-card-qr-container{padding:15px}}@media print{.qr-generator-container{max-width:none;margin:0;padding:0}.tab-controls,.preview-controls,.download-controls,.qr-info{display:none!important}.business-card-qr-container{width:2cm;height:2cm;margin:0;padding:0;border:none;box-shadow:none;background:transparent}.qr-code-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:none}.qr-content{margin:0;min-height:auto}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.business-card-qr-container svg{image-rendering:crisp-edges}}@media (prefers-color-scheme: dark){.qr-generator-container{background:#111827;color:#f9fafb}.qr-generator-container h2{color:#f9fafb}.business-card-qr-container{background:#1f2937;border-color:#374151}.qr-info{background:#1f2937;border-left-color:#3b82f6}.qr-info h3{color:#f9fafb}.qr-info li{color:#d1d5db}}.profile-page{max-width:900px;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#1f2937}.profile-header{background:#fff;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 20px 40px #0000001a;display:flex;align-items:center;gap:25px}.profile-avatar{flex-shrink:0}.avatar-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #e5e7eb;box-shadow:0 8px 16px #0000001a}.profile-info h1{margin:0 0 8px;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-info h2{margin:0 0 15px;font-size:1.5rem;color:#6b7280;font-weight:500}.profile-info p{margin:0;color:#4b5563;line-height:1.6;font-size:1.1rem}section{background:#fff;border-radius:16px;padding:25px;margin-bottom:25px;box-shadow:0 10px 25px #00000014}section h3{margin:0 0 20px;font-size:1.5rem;font-weight:600;color:#1f2937;border-bottom:3px solid #e5e7eb;padding-bottom:10px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.skill-category{background:#f8fafc;border-radius:12px;padding:20px;border-left:4px solid #3b82f6}.skill-category h4{margin:0 0 15px;font-size:1.2rem;font-weight:600;color:#1f2937}.skill-items{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.skill-item{background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 4px #0000000d}.skill-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:6px}.skill-name{font-weight:500;color:#374151}.skill-level{font-size:.9rem;color:#6b7280;font-weight:600}.skill-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:3px;transition:width .8s ease-in-out}.skills-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.skills-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.data-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:.85rem;color:#6b7280}.data-source{font-weight:500;color:#059669}.last-updated{color:#6b7280}.refresh-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #10b98133;display:flex;align-items:center;gap:6px}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.refresh-btn:active{transform:translateY(0)}.loading{text-align:center;padding:20px;color:#6b7280;font-style:italic}.error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#dc2626;display:flex;justify-content:space-between;align-items:center}.retry-btn{background:#dc2626;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:.85rem;cursor:pointer;transition:background-color .2s ease}.retry-btn:hover{background:#b91c1c}.skill-experience{font-size:.8rem;color:#9ca3af}.document-links{display:grid;gap:15px}.document-card{display:flex;align-items:center;gap:12px;padding:20px;background:#f8fafc;border-radius:12px;border-left:4px solid #3b82f6;text-decoration:none;color:inherit;transition:all .3s ease}.document-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.document-icon{font-size:1.2rem;flex-shrink:0}.document-content{flex:1}.document-content h4{margin:0 0 5px;font-size:1.2rem;font-weight:600;color:#1f2937}.document-content p{margin:0;color:#6b7280;font-size:.9rem;line-height:1.5}.external-link-icon{color:#6b7280;transition:color .2s ease}.document-card:hover .external-link-icon{color:#3b82f6}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.app-card{background:#f8fafc;border-radius:12px;padding:20px;text-decoration:none;color:inherit;transition:all .3s ease;border-left:4px solid #3b82f6;display:flex;flex-direction:column;gap:15px;position:relative;overflow:hidden}.app-header{display:flex;align-items:center;gap:12px;margin-bottom:0}.app-icon{font-size:1.2rem}.platform-badge{background:#e5e7eb;color:#374151;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600}.app-header h4{margin:0;font-size:1.2rem;font-weight:600;color:#1f2937;text-align:center;flex:1}.app-content{flex:1}.app-content p{margin:0 0 10px;color:#6b7280;line-height:1.5;font-size:.9rem;text-align:center}.app-actions{display:flex;flex-direction:row;gap:12px;padding-top:15px;border-top:1px solid #e5e7eb;justify-content:center;align-items:center}.download-badge{display:inline-block;text-decoration:none;transition:transform .2s ease}.download-badge:hover{transform:scale(1.05)}.badge-image{height:50px;width:auto;vertical-align:middle}.download-badge.ios .badge-image{height:50px}.download-badge.android .badge-image{height:50px!important;width:155px!important;margin-top:-2px}@media (max-width: 768px){.app-actions{flex-direction:column;gap:10px}.badge-image{height:45px;max-width:140px}.app-card{padding:16px}.app-header h4{font-size:1.1rem}.app-content p{font-size:.85rem}}@media (max-width: 480px){.apps-grid{grid-template-columns:1fr}.app-card{padding:16px}.app-header h4{font-size:1rem}.app-content p{font-size:.8rem;line-height:1.4}.badge-image{height:40px;max-width:120px}}.web-badge{display:flex;align-items:center;gap:12px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:8px;font-weight:600;transition:all .2s ease}.web-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.button-content{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.download-text{font-size:.75rem;font-weight:300;opacity:.9;margin-bottom:2px}.store-name{font-size:.95rem;font-weight:600}.store-icon{font-size:1.8rem;opacity:.9}.arrow{font-size:1.2rem;transition:transform .3s ease}.app-card:hover .arrow{transform:translate(3px)}.contact-info{display:grid;gap:15px}.contact-item{display:flex;align-items:center;gap:12px;padding:20px;background:#f8fafc;border-radius:12px;border-left:4px solid #3b82f6}.contact-icon{font-size:1.2rem;flex-shrink:0}.contact-item a{color:#3b82f6;text-decoration:none;font-weight:500}.contact-item a:hover{text-decoration:underline}.profile-footer{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;text-align:center;color:#6b7280;margin-top:30px}.profile-footer p{margin:5px 0}@media (max-width: 768px){.profile-page{padding:15px}.profile-header{flex-direction:column;text-align:center;padding:25px}.profile-info h1{font-size:2rem}.skills-grid,.apps-grid{grid-template-columns:1fr}.document-card{flex-direction:column;text-align:center;gap:10px}.avatar-image{width:100px;height:100px}}@media (max-width: 480px){.profile-page{padding:10px}section{padding:20px}.profile-header,.app-card,.document-card{padding:20px}}.skill-progress{animation:progressAnimation 1.5s ease-in-out}@keyframes progressAnimation{0%{width:0%}}@media print{.profile-page{background:#fff;color:#000}.profile-header,section{box-shadow:none;border:1px solid #e5e7eb}.document-card:hover,.app-card:hover{transform:none;box-shadow:none}}