:root{--bg-main: rgb(241, 241, 241);--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .08);--card-border-hover: rgba(124, 58, 237, .35);--text-primary: #09090b;--text-secondary: #4b5563;--text-muted: #6b7280;--accent-purple: #7c3aed;--accent-purple-light: rgba(124, 58, 237, .08);--accent-emerald: #059669;--accent-emerald-light: rgba(5, 150, 105, .08);--accent-blue: #2563eb;--accent-blue-light: rgba(37, 99, 235, .08);--accent-amber: #d97706;--accent-amber-light: rgba(217, 119, 6, .08);--accent-pink: #db2777;--font-display: "Outfit", system-ui, -apple-system, sans-serif;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "Space Grotesk", monospace;--max-w-card: 480px;--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--radius-full: 9999px;--shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, .05);--shadow-card: 0 4px 20px -4px rgba(0, 0, 0, .05);--shadow-card-hover: 0 12px 32px -8px rgba(124, 58, 237, .12);--shadow-avatar: 0 10px 25px -5px rgba(0, 0, 0, .1);--transition-smooth: .22s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--bg-main);position:relative;overflow-x:hidden;padding:16px 16px 36px}.ambient-glow{position:fixed;pointer-events:none;border-radius:50%;filter:blur(90px);z-index:0}.ambient-top{top:-80px;left:50%;transform:translate(-50%);width:500px;height:280px;background:radial-gradient(circle,rgba(124,58,237,.08) 0%,rgba(219,39,119,.04) 60%,transparent 80%)}.ambient-right{bottom:10%;right:-100px;width:320px;height:320px;background:radial-gradient(circle,rgba(5,150,105,.04) 0%,transparent 70%)}.page-container{position:relative;z-index:1;width:100%;max-width:var(--max-w-card);margin:0 auto;display:flex;flex-direction:column;gap:20px}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:4px 2px}.brand-monogram{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.brand-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink))}.brand-text{font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.top-actions{display:flex;align-items:center;gap:8px}.icon-pill-btn{width:38px;height:38px;border-radius:var(--radius-full);border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-smooth)}.icon-pill-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed1f}.icon-pill-btn .icon{width:18px;height:18px}.profile-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 16px 6px;gap:14px}.avatar-wrapper{position:relative;display:inline-flex}.studio-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;background:#fff;border:3px solid #ffffff;box-shadow:var(--shadow-avatar);display:block}.profile-meta{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:380px}.studio-title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--text-primary);letter-spacing:-.035em;line-height:1.15}.studio-desc{font-size:.94rem;line-height:1.48;color:var(--text-secondary);font-weight:500}.location-badge{display:inline-flex;align-items:center;gap:6px;margin-top:2px;padding:5px 12px;background:#00000008;border:1px solid var(--card-border);border-radius:var(--radius-full);font-size:.81rem;font-weight:600;color:var(--text-secondary)}.icon-mini{width:14px;height:14px;color:var(--accent-purple)}.quick-action-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:14px 6px;text-decoration:none;cursor:pointer;box-shadow:var(--shadow-card);transition:all var(--transition-smooth)}.action-btn:hover{transform:translateY(-2px);border-color:var(--card-border-hover);box-shadow:var(--shadow-card-hover)}.action-icon-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-smooth)}.action-btn:hover .action-icon-circle{transform:scale(1.06)}.call-action .action-icon-circle{background:var(--accent-purple-light);color:var(--accent-purple)}.whatsapp-action .action-icon-circle{background:var(--accent-emerald-light);color:var(--accent-emerald)}.email-action .action-icon-circle{background:var(--accent-blue-light);color:var(--accent-blue)}.save-contact-action .action-icon-circle{background:#09090b0d;color:var(--text-primary)}.action-icon-circle svg{width:20px;height:20px}.action-label{font-size:.81rem;font-weight:600;color:var(--text-primary);font-family:var(--font-sans);letter-spacing:-.01em}.links-section{display:flex;flex-direction:column;width:100%}.cards-list{display:flex;flex-direction:column;gap:11px}.destination-card{display:flex;align-items:center;gap:14px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:14px 16px;text-decoration:none;color:inherit;box-shadow:var(--shadow-card);transition:all var(--transition-smooth)}.destination-card:hover{transform:translateY(-2px);border-color:var(--card-border-hover);box-shadow:var(--shadow-card-hover)}.card-icon-box{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-smooth)}.destination-card:hover .card-icon-box{transform:scale(1.05)}.card-icon-box svg{width:22px;height:22px}.icon-purple{background:var(--accent-purple-light);color:var(--accent-purple)}.icon-blue{background:var(--accent-blue-light);color:var(--accent-blue)}.icon-emerald{background:var(--accent-emerald-light);color:var(--accent-emerald)}.icon-amber{background:var(--accent-amber-light);color:var(--accent-amber)}.card-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.card-title{font-family:var(--font-display);font-size:.98rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.card-subtitle{font-size:.81rem;color:var(--text-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-arrow{color:#9ca3af;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-smooth)}.card-arrow svg{width:18px;height:18px}.destination-card:hover .card-arrow{color:var(--accent-purple);transform:translate(2px,-2px)}.socials-section{display:flex;flex-direction:column;gap:10px;width:100%}.section-label{font-family:var(--font-display);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding-left:4px}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.social-box{display:flex;align-items:center;gap:10px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:10px 12px;text-decoration:none;box-shadow:var(--shadow-sm);transition:all var(--transition-smooth)}.social-box:hover{transform:translateY(-2px);border-color:var(--card-border-hover);box-shadow:var(--shadow-card-hover)}.social-box:last-child:nth-child(odd){grid-column:span 2}.social-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.social-icon svg{width:17px;height:17px}.icon-ig{background:#e1306c14;color:#e1306c}.icon-li{background:#0a66c214;color:#0a66c2}.icon-yt{background:#ff000014;color:red}.icon-x{background:#0000000d;color:#09090b}.icon-fb{background:#1877f214;color:#1877f2}.social-meta{display:flex;flex-direction:column;flex:1;min-width:0}.social-name{font-family:var(--font-display);font-size:.84rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.social-handle{font-size:.72rem;color:var(--text-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-arrow{font-size:.85rem;color:#9ca3af;flex-shrink:0;transition:all var(--transition-smooth)}.social-box:hover .social-arrow{color:var(--accent-purple);transform:translate(2px,-2px)}.studio-footer{margin-top:6px;width:100%}.footer-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:8px}.copy-link-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.82rem;font-weight:600;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-smooth)}.copy-link-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple);transform:translateY(-1px);box-shadow:0 4px 14px #7c3aed1f}.icon-small{width:15px;height:15px}.engine-tag{font-size:.76rem;color:var(--text-muted);font-weight:500}.qr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#09090b80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .24s cubic-bezier(.16,1,.3,1)}.qr-modal-overlay.active{opacity:1;pointer-events:auto}.qr-modal-card{width:100%;max-width:360px;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--card-border);box-shadow:0 24px 60px -12px #00000040;padding:24px;display:flex;flex-direction:column;align-items:center;gap:18px;transform:translateY(12px) scale(.97);transition:all .26s cubic-bezier(.16,1,.3,1)}.qr-modal-overlay.active .qr-modal-card{transform:translateY(0) scale(1)}.modal-header{width:100%;display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.close-modal-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--card-border);background:#00000008;color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-smooth)}.close-modal-btn:hover{background:#00000014;color:var(--text-primary)}.qr-code-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:var(--bg-main);border-radius:var(--radius-lg);width:100%}.qr-img{width:180px;height:180px;display:block;border-radius:var(--radius-md);background:#fff;padding:8px}.qr-instruction{font-size:.8rem;color:var(--text-secondary);text-align:center;font-weight:500}.modal-actions{width:100%}.btn-save-vcard{width:100%;padding:12px 20px;background:var(--text-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:.92rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #00000026;transition:all var(--transition-smooth)}.btn-save-vcard:hover{background:var(--accent-purple);transform:translateY(-1px);box-shadow:0 8px 20px -4px #7c3aed59}.toast-notification{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(40px);background:var(--text-primary);color:#fff;padding:10px 20px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:9px;box-shadow:0 10px 30px -4px #00000040;z-index:1000;opacity:0;pointer-events:none;transition:all .26s cubic-bezier(.16,1,.3,1);font-size:.84rem;font-weight:600}.toast-notification.show{transform:translate(-50%) translateY(0);opacity:1}.toast-dot{width:7px;height:7px;border-radius:50%;background:#10b981}@media(max-width:420px){body{padding:12px 12px 28px}.studio-title{font-size:1.55rem}.studio-desc{font-size:.88rem}.action-btn{padding:12px 4px}.action-icon-circle{width:40px;height:40px}.action-label{font-size:.75rem}.social-grid{grid-template-columns:1fr}.social-box:last-child:nth-child(odd){grid-column:span 1}}