:root{--color-primary:#005a9c;--color-primary-light:#187bcd;--color-secondary:#e2001a;--color-bg:#f0f4f8;--color-surface:#fff;--color-text-main:#1e293b;--color-text-muted:#64748b;--color-success:#10b981;--color-error:#ef4444;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--radius-full:9999px;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-md:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000006;--shadow-lg:0 20px 25px -5px #0000000d, 0 10px 10px -5px #00000005;--shadow-hover:0 25px 30px -5px #005a9c26, 0 15px 15px -5px #005a9c1a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-main);background-image:radial-gradient(circle at 100% 0,#e0eaf5,#0000 40%),radial-gradient(circle at 0 100%,#e0eaf5,#0000 40%);background-attachment:fixed;justify-content:center;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;display:flex}.app-container{background-color:#0000;flex-direction:column;width:100%;max-width:480px;min-height:100vh;padding:24px;display:flex}.app-header{animation:fade-in-down .6s var(--transition-bounce) both;align-items:center;gap:16px;margin-bottom:40px;display:flex}.app-logo{object-fit:contain;width:56px;height:56px}.app-header h1{color:var(--color-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.main-content{flex-direction:column;flex:1;display:flex;position:relative}.view{animation:fade-in-up .5s var(--transition-bounce) both;flex-direction:column;display:none}.view.active{display:flex}h2{color:var(--color-text-main);margin-bottom:12px;font-size:1.75rem;font-weight:700;line-height:1.3}p.subtitle{color:var(--color-text-muted);margin-bottom:32px;font-size:1.05rem}.squircle-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff9;margin-bottom:24px;padding:32px 24px}.btn-squircle{background:var(--color-surface);color:var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-normal);text-align:left;border:2px solid #0000;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding:20px 24px;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;display:flex}.btn-squircle:hover,.btn-squircle:active{box-shadow:var(--shadow-hover);border-color:var(--color-primary-light);color:var(--color-primary);transform:translateY(-3px)scale(1.01)}.btn-squircle .icon-arrow{background:var(--color-primary);color:#fff;width:32px;height:32px;transition:transform var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.btn-squircle:hover .icon-arrow{background:var(--color-primary-light);transform:translate(4px)}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);border:none;margin-top:auto;padding:18px 32px;font-size:1.1rem;font-weight:600;box-shadow:0 10px 20px -5px #005a9c66}.btn-primary:hover,.btn-primary:active{transform:translateY(-2px);box-shadow:0 15px 25px -5px #005a9c80}.btn-outline{color:var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:2px solid #cbd5e1;margin-top:16px;padding:14px 24px;font-size:1rem;font-weight:600}.btn-outline:hover{border-color:var(--color-text-muted);color:var(--color-text-main)}.contact-profile{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.contact-avatar{width:100px;height:100px;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#e0eaf5 0%,#cbd5e1 100%);border:4px solid #fff;border-radius:40px;justify-content:center;align-items:center;margin-bottom:16px;display:flex;overflow:hidden}.contact-avatar img{object-fit:cover;width:100%;height:100%}.contact-name{color:var(--color-text-main);font-size:1.5rem;font-weight:700}.contact-role{color:var(--color-primary);margin-bottom:8px;font-size:1rem;font-weight:500}.contact-desc{color:var(--color-text-muted);text-align:center;font-size:.95rem}.contact-actions{flex-direction:column;gap:12px;width:100%;display:flex}.btn-action{background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-main);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;align-items:center;gap:16px;padding:16px;font-weight:600;text-decoration:none;display:flex}.btn-action:hover{border-color:var(--color-primary);background:#f8fafc;transform:translateY(-2px)}.btn-action.email .action-icon{color:#0284c7;background:#e0f2fe}.btn-action.phone .action-icon{color:#16a34a;background:#dcfce7}.action-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.app-footer{text-align:center;color:var(--color-text-muted);margin-top:auto;padding-top:40px;font-size:.8rem}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.progress-container{justify-content:center;gap:6px;margin-bottom:24px;display:flex}.progress-dot{width:8px;height:8px;transition:all var(--transition-normal);background-color:#cbd5e1;border-radius:4px}.progress-dot.active{background-color:var(--color-primary);width:24px}